TouchSwipe 1.6:禁用鼠标"拖动"在桌面浏览器上

时间:2015-02-02 10:57:51

标签: jquery swipe gesture

我在我的私人网站上使用TouchSwipe 1.6 jQuery插件并且它在平板电脑/手机上工作,但它也在桌面浏览器上工作。如果您可以按住鼠标按钮并进行手势滑动,则会滑动到下一个图像。

如何禁用此功能?

修改

我找到了解决方案:

if(fingerCount == 0)
{
  alert("Desktop");
}else{ 
  alert("Tablet/Mobile");
}

1 个答案:

答案 0 :(得分:0)

您可以检测触摸设备并仅为其使用TouchSwipe。例如:

function isMobile() {
    try{ document.createEvent("TouchEvent"); return true; }
    catch(e){ return false; }
}

$(document).ready(function() {
    if (isMobile() == true) {
        $('body').swipe( {
            swipeLeft: function () {
                // Your swipe left event handler
                console.log('swipe left');
            },
            swipeRight: function () {
                // Your swipe right event handler
                console.log('swipe right');
            },
            // Default is 75px, set to 0 for demo so any distance triggers swipe
            threshold: 75
        });
    }
}