美文网首页
touchstart,touchmove,touchend事件

touchstart,touchmove,touchend事件

作者: HopeLii | 来源:发表于2019-11-06 16:58 被阅读0次
    jQuery写法
    $('#id').on('touchstart',function(e) {
        var _touch = e.originalEvent.targetTouches[0]; 
        var _x= _touch.pageX;
    });
    
    $('#id').on('touchmove',function(e) {
        var _touch = e.originalEvent.targetTouches[0]; 
        var _x= _touch.pageX;
    });
    
    $('#id').on('touchend',function(e) {
        var _touch = e.originalEvent.changedTouches[0]; 
        var _x= _touch.pageX;
    });
    
    原生写法
    document.getElementById("id").addEventListener("touchstart",function(e) {
        var _x=e.touches[0].pageX;
        var _y=e.touches[0].pageY;
        console.log("start",_x)
    });
    
    document.getElementById("id").addEventListener("touchmove",function(e){
        var _x=e.touches[0].pageX;
        var _y=e.touches[0].pageY;
        console.log("move",_x)
    });
    
    document.getElementById("id").addEventListener("touchend",function(e){
        var _x=e.changedTouches[0].pageX;
        var _y=e.changedTouches[0].pageY;
        console.log("end",_x)
    });
    

    相关文章

      网友评论

          本文标题:touchstart,touchmove,touchend事件

          本文链接:https://www.haomeiwen.com/subject/afzubctx.html