Desarrollo de Software

Delay al escribir texto en un input

Hay a veces que quieres controlar cuándo está el usuario de tu web escribiendo y cuándo deja de hacerlo para mostrar un mensaje (el típico XXX está escribiendo…) o para ejecutar una acción.

jQuery typing: Delay al escribir texto en un input

El plugin para jQuery jQuery-typing te permite hacer esto fácilmente. Puedes realizar acciones mientras se está escribiendo, cuando se para y seleccionar el tiempo de espera, siendo todas opcionales.

$(':text').typing({
    start: function (event, $elem) {
        $elem.css('background', '#fa0');
    },
    stop: function (event, $elem) {
        $elem.css('background', '#f00');
    },
    delay: 400
});

Un plugin muy útil que utilizo en algunos proyectos al crear filtros ya que mejora mucho el rendimiento eliminando peticiones ajax innecesarias al servidor. Y todo esto con poco más de 600 bytes.

2 comentarios en “Delay al escribir texto en un input

  1. Pingback jQuery - Delay al escribir texto en un input - Snippets for all

Pon un comentario

Tu dirección de email no será publicada.

Puedes usar estas etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>