Métodos: on y one en jQuery

Tiempo de lectura estimado: < 1 minuto

El método on() consiste en:

Adjuntar uno o más controladores de eventos para los elementos seleccionados y los elementos secundarios.

Algo como esto:

$("p").on("click", function(){
  console.log("Has hecho click en el párrafo!.");
});

 

Y el script se ejecutara con cada “click” que hagamos sobre el elemento que hayamos definido. En este caso la etiqueta P. Todos los párrafos que haya en el documento.

Pero qué pasa si nos equivocamos y escribimos one, en vez de on?. Que también es otro método de jQuery pero con distinta funcionalidad.

Se ejecutará al menos, una vez.

$(".my-class").one("keyup", function(){
  var query = $(this).val();
  //Instr
});

 

Y esto, puede dejarnos en jaque. Ya que, si estamos montando un buscador, donde el usuario teclea varias veces, sólo funcionara la primera vez que pulse una tecla. Si se recarga la página, volvería a ejecutarse una vez.

Así que, vistas las diferencias de cada método, ya podemos tener claro como enfocar los casos que se nos presenten.

Por un error de sintaxis, podemos generar un auténtico caos en nuestro script.  Y aunque one() es otro método de jQuery, no es el propósito que queríamos conseguir.

Deja un comentario

© 2024 - Serna Studio
A %d blogueros les gusta esto:

Si continuas utilizando este sitio aceptas el uso de cookies. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar