js 触摸事件

js触摸事件 应用在移动端 webkit内核都支持。

　　触摸事件api https://dvcs.w3.org/hg/webevents/raw-file/tip/touchevents.html 

　　事件：

 　1.touchstart:  // 手指放到屏幕上的时候触发 

    2.touchmove:  // 手指在屏幕上移动的时候触发 

    3.touchend:  // 手指从屏幕上拿起的时候触发 

    4touchcancel:  // 没测试过  。系统取消touch事件的时候触发。至于系统什么时候会取消，不详

　　

　　ev.preventDefault(); //阻止默认事件　　

     经常在写给某个dom对象加了touch时间以后 写了 ev.preventDefault 还是 有滚动条。 所以给 document加上会阻止掉。

     触摸时 阻止页面滚动   document.addEventListener("touchmove",function(e){  e.preventDefault(); },false); 

   

    触摸事件库  hammer.js    http://eightmedia.github.io/hammer.js/

　 这个库支持很多手势。  

　　tap     drag   swipe  rotate

   还自己定义了很多手势 比如  左滑动 swipeleft  右滑动 swiperight 

var oCube = document.getElementById('viewport');


        var hammertime = Hammer(oCube).on("swipeleft", function(event) {

            alert('aa');
            event.stopPropagation();
            event.preventDefault();

        });

 

　　  

  

转载于:https://www.cnblogs.com/iyueyao/p/3289482.html