仅在使用两根手指时才能在移动设备上激活javascript touchmove

时间:2017-09-05 07:45:45

标签: javascript jquery touch

我有一个动画区域,我通过javascript touchmove事件为移动设备激活,但在水平移动屏幕上有一个向下滚动动画触摸区域的问题。这是我的代码

jQuery(".animatedPhone").bind('touchmove', function(jQueryEvent) {});

只有当用户使用谷歌地图在移动设备上使用他的两根手指时,我才有办法激活touchmove?

我尝试了以下代码

$(".animatedPhone").on("touchstart",function(e){
    if(!tapped){ //if tap is not set, set up single tap
        tapped = setTimeout(function(){
          tapped = null;
          //insert things you want to do when single tapped
        },300);   //wait 300ms then run single click code
    } else {    //tapped within 300ms of last tap. double tap
        clearTimeout(tapped); //stop single tap callback
        tapped = null;
        alert('double tapped');
    }
    e.preventDefault()
});

但是再次像这样,动画触摸区域不可滚动。

感谢。

0 个答案:

没有答案