javascript - 快速单击事件和长时间的 MouseDown 之间的 JQuery 区别

Question

我正在尝试创建一个滚动按钮，它对快速单击事件的 react 不同于对长时间的 MouseDown(单击并按住)的 react 。快速单击事件将滚动特定数量的像素，而单击并按住将缓慢滚动 Pane ，直到鼠标向上移动到停止位置。

这是我目前拥有的:

var mdown;
$('.next').bind('mousedown', function(event) {
    mdown = event.timeStamp;
    moving = setInterval(function(){
        $('#main').scrollLeft($('#main').scrollLeft() + 5);
    }, 1);
});
$('.next').bind('mouseup', function(event) {
    clearInterval(moving);
    if ((event.timeStamp - mdown) < 100) 
        $('#main').animate({ scrollLeft : '+=800'}, 500);
});

有没有不比较事件时间戳的另一种方法？单击事件的处理方式是否与 mousedown/mouseup 不同？谢谢!

Answer 1

检查这个插件(它定义了一个事件来处理长按):

https://github.com/pisi/Longclick