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:

Ejercicio – Generación de un dado de 6 caras con javascript
- 76
Ejercicio con solución dónde se genera un dado de 6 caras y se tira el dado 1000 veces para comprobar cuantas veces ha salido cada tirada.
Tipos de variables en Javascript
- 666
En programación se dice que una variable es un recurso de memoria del ordenador reservado para alojar una información. En Javascript existen 5 tipos de variables: textos, números, booleanos, objetos y...
Ejercicio – Vamos a dormir, hay 100 ovejas que contar
- 50
Ejercicio javascript dónde se practica el uso de for y de while para la resolución de un mismo problema JS. Incluye solución.
Javascript: Estructura básica de un script
- 786
¿Qué es programar? Programar es indicar a una máquina que siga un conjunto ordenado de instrucciones. Es una acción cotidiana que realizamos sin apercibirnos cuando seguimos una receta de cocina. Y si...
Palabras reservadas que no se deben usar para declarar variables
- 161
Listado de palabras reservadas en Javascript de acuerdo con el último stándard ECMA Script 6.
Introducción a las animaciones Javascript: setInterval() y setTimeout()
- 505
Resumimos las funciones setInterval(), clearInterval y setTimeout(). Cuales son sus parámetros, que es una función anónima y como la llamamos.
Como añadir nuevos nodos al DOM usando Javascript
- 338
En esta entrada vemos un tutorial paso a paso sobre como añadir nuevos nodos al DOM mediante Javacript con el ejemplo de un párrafo y el de una imagen.
¿Empezar por Javascript o Python? ¿Continuar con jQuery o Node.js?
- 209
¿Qué aprender primero? Gentileza de Stack Overflow algunas pistas. ¿Primero javascript o python? ¿Continuar con jquery o node.js?
Onresize window para calcular el width y el height disponibles
- 247
Explicamos como podemos obtener el ancho y la altura real disponibles de la ventana del navegador mediante Javascript puro y con jQuery
Crear, modificar, eliminar y detectar cookies con Javascript
- 767
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.
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

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.