<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="elemento">Manten pulsado el click encima de este texto</div>
<h4 id="result">Eventos</h4>
</body>
</html>
<script>
const elemento=document.getElementById("elemento");
const result=document.getElementById("result");
let timer;
elemento.addEventListener("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.addEventListener("mouseup", e => {
result.insertAdjacentHTML("afterend", "mouseup<br>");
// al soltar el botón finaliza el evento
clearInterval(timer);
});
</script>
Comentarios sobre la versión: 1 (1)