addeventlistener监听scroll跟touch

Posted

tags:

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

这三个事件只在手机上生效
touchstart,手指开始触屏
touchmove,手指移动
touchend,手指触屏结束
 
这个事件在手机上跟在pc端都生效
scroll事件
 
 
addeventlistener(name,callback,optional,useCapture)
useCapture:事件是否用捕获事件,从外到里,true
                        默认为false:使用冒泡事件,从里到外
optional:{
     passive:false时,阻止默认事件,ture时不阻止默认事件(默认值是false)
}
passive:true可以防止页面滚动的时候,页面卡顿,但是奇怪的时,我没有设置的时候 为什么页面看不出卡顿啊 忧桑 
 
 
大家有碰到过手机页面滚动的时候卡顿的情况吗,为什么我在手机上测试好像看花了眼一样

以上是关于addeventlistener监听scroll跟touch的主要内容,如果未能解决你的问题,请参考以下文章

vue 创建监听,和销毁监听(addEventListener, removeEventListener)

vue的滚动scroll事件

vue销毁当前组件的事件监听

监听滚动事件

如何实现ReactJS 监听页面滚动事件

Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking e