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(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

您可能有感兴趣的文章
addEventListener()与removeEventListener()解析

详解微信小程序之scroll-view的flex布局问题

微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码

小程序scroll-view组件实现滚动的示例代码

微信小程序scroll-view横向滑动嵌套for循环的示例代码