Fundamentos de JavaScript 2017

Toma las primeras clases gratis

¡Hola soy Juan!

Mientras estaba trabajando en un proyecto ‘secreto’ 😏 me surgió un problemilla y es que necesitaba detectar cuando el usuario dejaba de escribir en un input para poder hacer una petición ajax, esto con el fin de o hacer la petición cada vez que presionará una tecla, entonces lo primero que hice fue buscar un código que quizá ya habrían hecho para esto, hallé una librería pero no quería usar una Librería para ello, puesto pensé que no sería algo extraordinario, luego encontré un código pero se usaba un setInterval el cual lo implementé y no satisfacía mi necesidad, así que lo modifiqué un poco en esta ocasión usando mejor un setTimeout el cual a la final, funcionó de maravilla dejo el código por si te interesa o lo necesitas.

Si tienes una forma mucho más sencilla y/o eficiente de hacerlo o si tienes una mejora para el código estaré encantado de leer tu FeedBack.

<input type="text" id="comment" />
let $comment = document.getElementById("comment")
let timeout

//El evento lo puedes reemplazar con keyup, keypress y el tiempo a tu necesidad
$comment.addEventListener('keydown', () => {
  clearTimeout(timeout)
  timeout = setTimeout(() => {
    console.log('Has dejado de escribir en el input')
    clearTimeout(timeout)
  },1000)
})

Fundamentos de JavaScript 2017

Toma las primeras clases gratis

0 Comentarios

para escribir tu comentario

Artículos relacionados