whatwg - OnKeyUp JavaScript Time Delay?

whatwg español

Question

Hola, otra vez Masters Of The Web :) Ahora, tengo una nueva pregunta estúpida, y estoy pidiendo perdón. Leí en todas partes sobre esta solución, pero no encontré la que me funciona.

Tengo:

<input name="domain" type="text" id="domain" onKeyUp="javascript:chk_me();">

Lo único que pregunto es cómo hacer que esto no se compruebe después de presionar un botón, pero ¿después de decir 1000 milisegundos de inactividad del teclado?

Answer 1

¡Publicación realmente útil!

Otro enfoque sin globales, utilizando propiedades de función:

function chk_me(){
if(typeof timer !== undefined){
clearTimeout(this.timer);
}
this.timer=setTimeout(function validate(){validate(...)},1000);
}

Answer 2

Otro enfoque, sin globales:

var typewatch = function(){
var timer = 0;
return function(callback, ms){
clearTimeout (timer);
timer = setTimeout(callback, ms);
}
}();

Uso:

Adjuntando el evento a través de JavaScript:

window.onload = function () {
document.getElementById(''domain'').onkeyup = function() {
typewatch(function(){alert(''Time elapsed!'');}, 1000 );
};
};

O usando un controlador de eventos en línea ( no recomendado tanto ) como lo tiene en su ejemplo:

<input type="text" name="domain" id="domain"
onKeyUp="typewatch(function(){alert(''Time elapsed!'');}, 1000 );"/>

Prueba una demo here .

Answer 3

Prueba esto:

var timer;
function chk_me(){
clearTimeout(timer);
timer=setTimeout(function validate(){...},1000);
}

De esta manera, cada vez que se presiona una tecla, el tiempo de espera se eliminará y se configurará nuevamente.

Answer 4

setTimeOut () sería el uno;)

<input name="domain" type="text" id="domain" onKeyUp="setTimeout(''chk_me()'',1000);">

Texto del enlace