HTML5触摸事件演化tap事件介绍

2020-04-24 19:38:48易采站长站整理

封装好的tap和longtap事件

XML/HTML Code复制内容到剪贴板

(function() {    
    var TOUCHSTART, TOUCHEND;    
    if (typeof(window.ontouchstart) != ‘undefined’) {    
        TOUCHSTART = ‘touchstart’;    
        TOUCHEND = ‘touchend’;    
        TOUCHMOVE=’touchmove’;    
     
    } else if (typeof(window.onmspointerdown) != ‘undefined’) {    
        TOUCHSTART = ‘MSPointerDown’;    
        TOUCHEND = ‘MSPointerUp’;    
        TOUCHMOVE=’MSPointerMove’;    
    } else {    
        TOUCHSTART = ‘mousedown’;    
        TOUCHEND = ‘mouseup’;    
        TOUCHMOVE = ‘mousemove’;    
    }    
    function NodeTouch(node) {    
        this._node = node;    
    }    
    function tap(node,callback,scope) {    
        node.addEventListener(TOUCHSTART, function(e) {    
            x = e.touches[0].pageX;    
            y = e.touches[0].pageY;    
        });    
        node.addEventListener(TOUCHEND, function(e) {    
            e.stopPropagation();    
            e.preventDefault();    
            var curx = e.changedTouches[0].pageX;    
            var cury = e.changedTouches[0].pageY;