[SOLUCIONADO] Detectar que deja de escribir

gogupe · #1 (**permalink**) 07/05/2014, 00:59

Hola a todos.

Me gustaría poder hacer lo siguiente:

Cuando el navegador detecte que ha dejado de escribir se ejecute una función, si uso el evento keyup se ejecuta cada vez que se pulsa una tecla y no lo quiero así.

Por ejemplo, hacer algo como que si no se pulsa una tecla, después de escribir, durante 4 segundos, se ejecuta la función.

¿alquien me puede ayudar?

Muchas Gracias.

Alexis88 · #2 (**permalink**) 07/05/2014, 01:29

Utiliza las funciones setInterval, para ejecutar una función cada X tiempo y clearInterval, para limpiar el intervalo y en otra línea, volverlo a activar.

Código Javascript:

Ver originalinput.addEventListener("keyup", function(){
    clearInterval(intervalo); //Al escribir, limpio el intervalo
    intervalo = setInterval(function(){ //Y vuelve a iniciar
        alert ("Has dejado de escribir"); //Cumplido el tiempo, se muestra el mensaje
        clearInterval(intervalo); //Limpio el intervalo
    }, 4000);
}, false);

Saludos

gogupe · #3 (**permalink**) 07/05/2014, 23:58

Muchas gracias

Italico76 · #4 (**permalink**) 11/05/2014, 08:37

Estoy aprendiendo JS y muy bueno el ejemplo @Alexis88 !

Para que no moleste cada 4 segundos me toco poner el clearInterval() debajo del serInterval()

Código Javascript:

Ver original<html>
<head></head>
<body>
 
<textarea id="tx"></textarea>
 
<!-- al final -->
<script type="text/javascript"> 
    tx.addEventListener("keyup", function()
    {   
        
        intervalo = setInterval(function(){ //Y vuelve a iniciar
            alert ("Has dejado de escribir"); //Cumplido el tiempo, se muestra el mensaje
            clearInterval(intervalo); //Limpio el intervalo
        }, 1500);
    }, false);
    
    clearInterval(intervalo); //Al escribir, limpio el intervalo
    
</script>   
</body>
    
</html>

Alexis88 · #5 (**permalink**) 11/05/2014, 11:58

Italico76, la línea 18 del código que presentas, solamente se ejecutará al cargar la ventana. Si deseas que se ejecute cuando se escriba, tienes que incluirla en la función.

¡Ah!, bienvenido a JS.

Saludos

Italico76 · #6 (**permalink**) 11/05/2014, 12:00

Cita:

Iniciado por Alexis88

Italico76, la línea 18 del código que presentas, solamente se ejecutará al cargar la ventana. Si deseas que se ejecute cuando se escriba, tienes que incluirla en la función.

Cierto...... como que se me olvida el tema de que todo es por eventos

Cita:

Iniciado por Alexis88

¡Ah!, bienvenido a JS.

Je...gracias, ahi vamos aprendiendo mucho de sus aportes

freedatos · #7 (**permalink**) 09/04/2015, 20:21

muy bueno gracias!