jquery - 单击并按住以滚动、触摸开始、触摸移动、触摸结束

Question

我有一个可滚动的 div。我希望人们能够通过“按住”滚动列表，并选择一个按钮进行点击。

问题是当一个按钮被按住以滚动 div 时，它会触发点击功能。

我希望滚动时不会触发。我需要一些方法来区分保持功能的点击。

所以我正在使用：

$('.panel').bind("touchstart mousedown", function (e) {
console.log(e.type);
$(this).addClass('resize');

}).bind("touchmove mousemove", function (e) {
$(this).removeClass('resize');

}).bind("touchend mouseup", function (e) {
$(this).removeClass('resize');
$('.panel').addClass('flip');
});

我想到了以下解决方案。

当超过'.panel'时，按钮激活，按下：mousedown500 ms

$(this).addClass('resize');

当'.panel'为mouseup时，按钮恢复正常状态，然后所有按钮进行输出运动：

$(this).removeClass('resize');
 $('.panel').addClass('flip');

但是如果是 user mousemove，则mousedownandmouseup动作被取消。

只是不知道如何付诸实践

与此类似：http: //m.microsoft.com/windowsphone/en-us/demo/default.aspx

请建议。