<!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>
Crear cuenta
Comentarios sobre la versión: 1 (0)
No hay comentarios