javascript - 如何在不使用任何其他鼠标事件的情况下检测长按鼠标事件

Question

如何检测长按鼠标事件，不应使用任何其他鼠标事件(严格)

$("#phone").find("button").mouseup(function(event){

我有这个 mouseup 事件，我在其中调用了一个函数

在该函数中我需要检测长按

如何实现？

谢谢

Answer 1

跟踪 mousedown 和 mouseup 之间的时间

听起来很简单，记录用户触发mousedown事件的时间，以及用户触发mouseup事件的时间。将这两个数字相减并测试它们是否大于您想要的阈值

// Get the time of mouse down
var mouseDownTime;    
var threshold = 1000; // 1000 milliseconds == 1 second. 

$("#phone").find("button").mousedown(function(event){
    var mouseDownDate = new Date();
    mouseDownTime = mouseDownDate.getTime();
});

$("#phone").find("button").mouseup(function(event){
    var mouseUpDate = new Date();
    var mouseUpTime = mouseUpDate.getTime();
    if(mouseUpTime - mouseDownTime > threshold){
        // Code you want called after being triggered.
    }
});