javascript - 检查鼠标按钮是否按下在按钮/图片上，并每隔几秒继续执行一个功能，直到按下按钮？

Question

基本上我想做的是，我试图调用一个函数，并在每“n”秒后重复相同的函数，直到按下鼠标按钮(MouseDown) 在按钮/图片上，并在释放鼠标按钮时停止调用该函数 (MouseUp)。我正在尝试使用 JavaScript 来做到这一点!

一些引用资料

https://api.jquery.com/mousedown/

How can I detect a rightmouse button event on mousedown?

JavaScript: Check if mouse button down?

Answer 1

未经测试，但提供一个想法。

var state = false;

function repeatingFunction(){
    if (!state){
        return;
    }
    console.log("Do something");
    setTimeout(repeatingFunction, 2000);
}
function mymousedown(ev){
    state = true;
    repeatingFunction();
}
function mymouseup(ev){
    state = false;
}
var obj = document.getElementById("foo");
obj.addEventListener("mousedown", mymousedown);
obj.addEventListener("mouseup", mymouseup);