如何查看点击持续多长时间?

时间:2016-03-16 10:23:47

标签: javascript reactjs mouseevent

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

这样做的原因是要么执行myTest()函数onClick="myTest()",只需控制日志“#34;点击鼠标"或者"鼠标被按住并点击了#34;取决于用户执行的操作。

1 个答案:

答案 0 :(得分: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毫秒。

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

希望这会对你有所帮助。