单击并按住以滚动，touchstart，touchmove，touchend

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

问题是当按住按钮以滚动div时，它会触发点击function。

我想滚动时不要触发。 我需要一些方法来区分保持function的点击。

所以我正在使用：

$('.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'被mousedown超过500 ms ，按钮激活，按下：

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

当'.panel'是mouseup ，按钮返回正常状态，然后所有按钮进行输出移动：

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

但是，如果用户mousedown ，则mousedown和mouseup操作将被取消。

只是不知道如何将其付诸实践

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

请建议。