Eliminar el comportamiento por defecto de un elemento html

Eliminar el comportamiento por defecto de un elemento html

Print Friendly, PDF & Email
Eliminar el comportamiento por defecto de un elemento html
Valora esta entrada
En ocasiones es difícil entender Javascript.

El tema que se toca hoy es una de estas ocasiones.

Concretamente como podemos hacer para eliminar el comportamiento por defecto de un elemento html.

Para ello vamos a usar el método .preventDefault()

Obtener el evento

Para eliminar el comportamiento por defecto de un elemento html usaremos el método .preventDefault()

Sin embargo antes es necesario saber (y creer, porqué la primera vez sorprende mucho) que Javascript genera un objeto salido de la nada que en todo momento almacena el evento que se ha ejecutado en un preciso instante.

Para explorer dicho objeto vendría a ser algo así como

evento = window.event;

Para cualquier navegador que no sea Explorer entonces necesitamos una función del tipo

function capturarEvento(event){

evento = event;

}

Quien mejor lo explica es LibrosWeb.es Recomiendo darle un vistazo al enlace anterior.

Desactivar el evento con .preventDefault()

Si hemos entendido (o nos creemos) como capturar el evento, entonces únicamente es necesario utilizar preventDefault()

Sería algo así como

nodo.addEventLister(“click”, function(e){

var evento = window.event || e;

evento.preventDefault();

});

Llegados a este punto es importante matizar que no conozco marcha atrás mediante Javascript para desactivar preventDefault().

El único modo de deshacer preventDefault() es recargar la página web.

O en su defecto hacerlo mediante jQuery.

Hablaremos de ello más adelante.

Ejemplo .preventDefault()

Veamos un ejemplo de uso:

código javascript preventDefault()

Entradas relacionadas:

¿Javascript o Python? ¿jQuery o Node.js? Hay un lenguaje de programación o un framework que va a morir. ¿Seguirás usándolo? Estos datos y muchos más son los que podemos obtener por gentileza de Stack Overflow. Los usamos para debatir entre j...
Resumen de como comentar código en html, css y javascript En las fases iniciales de aprender html, css y javascript nos vemos abrumados por tanta información. Con la entrada de hoy hacemos un resumen sobre como comentar código en los principales lenguajes de...
Instrucción “this” de Javascript explicada paso a paso Ejemplo explicado paso a paso para entender el concepto del this en javascript. Se empieza con el javascript en línea en el html para finalmente inicializar los eventos llamándolos directamente desde ...
Palabras reservadas que no se deben usar para declarar variables Listado de palabras reservadas en Javascript de acuerdo con el último stándard ECMA Script 6.
Crear, modificar, eliminar y detectar cookies con Javascript En esta entrada explicamos los tipos de cookies que existen y mostramos una biblioteca de funciones que nos permite crear, modificar, eliminar y detectar cookies con javscript.
Validación de campos try catch finally en Javascript puro Explicación teórica y ejemplo práctico del uso de las instrucciones try + throw, catch y finally en javascript. Utilizamos esta estructura para validar un campo en un formulario. Sin embargo se puede ...
Onresize window para calcular el width y el height disponibles Explicamos como podemos obtener el ancho y la altura real disponibles de la ventana del navegador mediante Javascript puro y con jQuery
Factores que afectan al tiempo de carga de una página web Resumimos los principales factores que deberemos tener en cuenta desde el punto de vista de alguien que ha estudiado un curso de confección y publicación de páginas web para la optimización y mejora d...
Validación de formularios web: Como desactivar el envío con Javascript Veamos como podemos deshabitar el envío de un formulario web mediante javascript. Explico el método clásico y otra alternativa más limpia mediante preventDefault().
Eliminar eventos Javascript .removeEventListener() Ejemplos prácticos de como usar addEventListener() y removeEventListener() del tutorial gratuito de Javascript (y apuntes para mis alumnos)
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Francesc Ricart Muñoz te informa que los datos de carácter personal que me proporciones rellenando el presente formulario serán tratados por Francesc Ricart Muñoz (Francesc Ricart Muñoz) como responsable de esta web.

La finalidad de la recogida y tratamiento de los datos personales que te solicito es para gestionar los comentarios que realizas en este blog.

Legitimación: Consentimiento del interesado.

Como usuario e interesado te informo que los datos que me facilitas estarán ubicados en los servidores de Inmotion Hosting (proveedor de hosting de Francesc Ricart Muñoz) fuera de la UE en EEUU. Inmotion Hosting no está acogido al convenio de seguridad entre UE y EEUU (Privacy Shield), por lo que no garantiza unos niveles de seguridad adecuados en la transferencia internacional de tus datos. Al cumplimentar este formulario consientes expresamente dicha transferencia internacional de datos. Ver política de privacidad de Inmotion Hosting.

El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no atender pueda tu solicitud.

Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en hola@francescricart.com así como el derecho a presentar una reclamación ante una autoridad de control.

Puedes consultar la información adicional y detallada sobre Protección de Datos en mi página web: https://www.francescricart.com, así como consultar mi política de privacidad.