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