Código de JQuery - Controlar cuando se tiene el botón del ratón pulsado en JQuery

Imágen de perfil
Val: 105
Bronce
Ha aumentado 1 puesto en JQuery (en relación al último mes)
Gráfica de JQuery

Controlar cuando se tiene el botón del ratón pulsado en JQuerygráfica de visualizaciones


JQuery

Publicado el 7 de Septiembre del 2019 por joel
1.094 visualizaciones desde el 7 de Septiembre del 2019
Este código muestra como realizar una tarea mientras se mantiene pulsado el botón del ratón

1

Publicado el 7 de Septiembre del 2019gráfica de visualizaciones de la versión: 1
1.095 visualizaciones desde el 7 de Septiembre del 2019
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html>
 
<head>
    <meta charset="utf-8">
    <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
 
<body>
 
<div id="elemento">Manten pulsado el click encima de este texto</div>
 
<h4 id="result">Eventos</h4>
 
</body>
</html>
 
<script>
    const result=document.getElementById("result");
    let timer;
 
    $("#elemento").mousedown(e => {
        result.insertAdjacentHTML("afterend", "<br>mousedown<br>");
        timer=setInterval(function() {
            // este código se ejecutara mientras se mantenga el botón pulsado
            result.insertAdjacentHTML("afterend", ".");
        }, 10);
    });
    $("#elemento").mouseup(e => {
        result.insertAdjacentHTML("afterend", "mouseup<br>");
        // al soltar el botón finaliza el evento
        clearInterval(timer);
    });
</script>



Comentarios sobre la versión: 1 (0)


No hay comentarios
 

Comentar la versión: 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s5519