touchmove和touchend的使用

Posted gaiyb

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了touchmove和touchend的使用相关的知识,希望对你有一定的参考价值。

touchstart:当手指触摸屏幕时触发;即使已经有一个手指放在了屏幕上也会触发。
touchmove:当手指在屏幕上滑动时连续的触发。在这个事件发生期间,调用preventDefault()可阻止滚动。
touchend:当手指从屏幕上移开时触发。
touchcancel:当系统停止跟踪触摸时触发。关于此事件的确切触发事件,文档中没有明确说明。

jQuery在使用这几个事件的时候需要使用事件绑定,即:on或bind

如:有一个按钮button

js中代码为:

$("button").on(‘touchstart‘,function(e){
        e.preventDefault();
        //
        });
    }).on(‘touchend‘,function(){
        //
    })

 

以上是关于touchmove和touchend的使用的主要内容,如果未能解决你的问题,请参考以下文章

如何让touchmove之后不触发touchend的事件

移动端事件(touchstart+touchmove+touchend)

touchstart,touchmove,touchend事件 写法

JQuery 获取touchstart,touchmove,touchend 坐标

手机端touchstart,touchmove,touchend事件,优化用户划入某个可以点击LI的效果

移动端不触发touchend的解决方法以及后续影响问题的处理