[jQuery] Como asignar/eliminar manejadores de eventos en jQuery 1.7.x

Posted on Actualizado enn


Desde la versión 1.7 de jQuery, existen dos nuevos eventos, los cuales on() y off(), con el evento on() podemos asignar un manejador para un determinado evento, y con off() lo desactivamos.

Pero a que viene esto? lo que pasa es que no necesitamos manejar eventos de asignación directa no tampoco utilizar bind (aclaro que todavía están disponibles para ser usados), en su lugar utilizamos on(), pero bueno mejor coloquemos un ejemplo, antes de jQuery 1.7 para verificar el estado de una página y asignar un manejador al evento click de un botón teníamos:

   1:  $(function(){
   2:      $("#btnClick").click(function(){
   3:          //Código a ejecutar
   4:      })
   5:  })

y ahora en la versión 1.7 y superior es:

   1:  $(document).on("ready", function () {
   2:      $("#btnClick").on("click", function () {
   3:          //Código a ejecutar
   4:      })
   5:  })

y para el caso de querer eliminar un manejador, el antes:

   1:  $(function(){
   2:      $("#btnClick").unbind("click");
   3:  })

y el ahora:

   1:  $(document).on("ready", function () {
   2:      $("#btnClick").off("click");
   3:  })

Les dejo el link para ver la documentación oficial: Link!

Así que de ahora en adelante en los ejemplos verán muchos on().

Les dejo un pequeño ejemplo para que lo revisen:

Descarga el ejemplo!

3 comentarios sobre “[jQuery] Como asignar/eliminar manejadores de eventos en jQuery 1.7.x

    […] este lista (línea 2), recuerda que desde jQuery 1.7 utilizamos on (si no lo sabes mira este link), luego declaramos la variable datos la cual contiene 4 registros (línea 3 – 8) para hacerlo […]

    Resumen Post 2012 « Todo en ASP.NET escribió:
    12/19/2012 en 22:04

    […] [jQuery] Como asignar/eliminar manejadores de eventos en jQuery 1.7.x […]

    Resumen Post 2012 « MVPs de LATAM escribió:
    01/04/2013 en 12:57

    […] [jQuery] Como asignar/eliminar manejadores de eventos en jQuery 1.7.x […]

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