不带保留的Javascript onmouseUp

Question

我已经设置了事件监听器onmouseUp。

我想在短时间内(只需点击)的onmouseUp和onmouseUp之间的区别，让我们说，超过一秒或onmouseDown与mouseMove在一起。

原因：

我正在听2号键( == 2)，我想让onclick功能通过按住button2键并上下移动鼠标来居中和缩放一些东西。但不能一下子做到这两件事。

在JS或jQuery中可以使用任何集成的方法吗？

Answer 1

在Mouse Down上获取NOW

在Mouse Up上获取NOW

var start = 0;
$('#button').mousedown(function () {
    start = $.now();
});
$('#button').mouseup(function () {
    end = $.now();
    $('#output').html(end - start);
    if (end - start > 1000) {
        alert('you just held the mouse for 1 second');
    }
});

DEMO

Answer 2

您可以测量鼠标启动之前执行操作所用的时间：

例如：

$(<your_element>).on(<your_event_type>, function(e) {
    start = new Date().getTime();
});

然后对另一个事件类型执行类似的操作，并计算stop值。

计算差值stop - start并做出决定。

这也将涵盖在按下单击的同时移动鼠标的情况(因为它大于指定的阈值)。但是如果你想检查鼠标是否被移动，你可以使用它的坐标(e.pageX和e.pageY)。