jump to navigation

Evitar que se ejecute un evento con jQuery Junio 11, 2010

Publicado por lineadecodigo en : jQuery , trackback

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

  1. 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:

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

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.

  1. $("a").click(function(event) {
  2.   event.preventDefault();
  3.   $("#accion").append('Has pulsado el enlace ' + event.currentTarget + "<br/>");
  4. });

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).

Articulos Similares:

|- Visualizar el ejemplo
|- Descargar el código
|- Reportar error en el código
|- Foro sobre jQuery

Enviar entrada por email Enviar entrada por email | Imprimir Imprimir | 655 visitas

1 Star2 Stars3 Stars4 Stars5 Stars (Todavia sin evaluar)
Loading ... Loading ...

Tags:, , ,

Comentarios»

1. Bitacoras.com - Junio 11, 2010

Información Bitacoras.com…

Valora en Bitacoras.com: 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 d……

2. aulambra.com » Semana 26.julio.2010 - Agosto 1, 2010

[...] Evitar que se ejecute un evento con jQuery [...]




Si tienes dudas sobre jQuery no dudes en visitar el Foro sobre jQuery.
Imagen CAPTCHA CAPTCHA Audio
Refrescar imagen