如何检查点击持续了多长时间？

Question

我正在触发一个 onClick 事件，我想以某种方式检查它是否只是一次点击，或者在释放鼠标按钮并实际触发一个点击事件之前是否按住了一段时间。

这样做的原因是要么执行 myTest() 功能，以便 onClick="myTest()" 控制台根据用户执行的操作记录 "mouse was clicked" 或 "mouse was held and clicked"。

Answer 1

您应该执行以下代码：

var timeout, clicker = $('#clicker');
var count = 0;

clicker.mousedown(function(){
    timeout = setInterval(function(){
        clicker.text(count++);
    }, 500);

    return false;
});

$(document).mouseup(function(){
    clearInterval(timeout);
    return false;
});

您可以将鼠标放在方块上，这里的输入码计数间隔为500毫秒。

您可以根据您的要求进行更改

希望对您有所帮助。

如何检查点击持续了多长时间？

How can I check how long a click was held?

javascript

mouseevent

reactjs