Artículos
jQuery

Evitar que se ejecute un evento con jQuery

11/Jun/2010

Una de las funciones que me parece más interesantes de jQuery es:

event.preventDefault()

Mediante la función preventDefault() del objeto Event podemos evitar que se ejecute un evento con jQuery. Esto nos da la posibilidad de alterar el comportamiento por defecto de los eventos. Por ejemplo, cuando pulsamos sobre un enlace en evento click(), este, acaba realizando una navegación.

Pero si usamos la función preventDefault() no se ejecutará la navegación:

$("a").click(function(event) {
  event.preventDefault();
}); 

Ahora, una vez que hemos evitado la ejecución del click, realizaremos otra cosa. En nuestro caso vamos a volcar la URL del enlace en una capa. Para saber que enlace se ha ido pulsando.

$("a").click(function(event) {
  event.preventDefault();
  $("#accion").append('Has pulsado el enlace ' + event.currentTarget + "
"); });

Utilizamos el método .append() sobre una capa que se llama «accion». La propiedad del objeto Event que nos da la URL es currentTarget.

Un caso de uso en el que nos enseña a evitar que se ejecute un evento es el siguiente artículo, el cual nos enseña como simular una aplicación RIA con jQuery (en inglés).

Código Fuente

Descárgate el código fuente de Evitar que se ejecute un evento con jQuery
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star
Suscribir
Notificar de
guest
4 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios