Event.preventDefault();

Con la linea de código Event.preventDefault(); modificamos o mas bien prevenimos el comportamiento por defecto de un evento.

<a href="http://blog.dresvel.us">Blog</a>
 $("a").click(function(event){
                    alert("Thanks for visting");

Si ejecutamos este código, el sito al momento de hacer click en el link me dará un mensaje y luego me enviara a la dirección establecida. Sin embargo si no quiero que se ejecute el evento de la redirección para hacer otra cosa como emm… añadirle una clase(css) al link podria usar la funcion que estoy describiendo, si … Event.preventDefault();

$("a").click(function(event){
                    alert("Thanks for visting");
                    event.preventDefault();  // Quitas el comportamiento por defecto del evento.
                    $("a").addClass("test");

Con el código anterior lo que sucede es que el evento de la redirección no se ejecuta y al hacer click en el link solo le añade la clase css ‘test’.

Anuncios

Autor: Diego Flores

Diego Flores, DBA en Isapre Nueva Masvida. Concepción, Región del Bio Bio, Chile.

2 comentarios en “Event.preventDefault();”

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s