addeventlistener监听scroll跟touch(实例讲解)


Posted in Javascript onAugust 04, 2017

这三个事件只在手机上生效

touchstart:手指开始触屏

touchmove:手指移动

touchend:手指触屏结束

这个事件在手机上跟在pc端都生效

scroll事件

addeventlistener(name,callback,optional,useCapture)

useCapture:事件是否用捕获事件,从外到里,true
                        默认为false:使用冒泡事件,从里到外
optional:{
     passive:false时,阻止默认事件,ture时不阻止默认事件(默认值是false)
}

passive:true可以防止页面滚动的时候,页面卡顿,但是奇怪的时,我没有设置的时候 为什么页面看不出卡顿啊 忧桑 

大家有碰到过手机页面滚动的时候卡顿的情况吗,为什么我在手机上测试好像看花了眼一样

以上这篇addeventlistener监听scroll跟touch(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
取得传值的函数
Oct 27 Javascript
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
Jun 28 Javascript
利用json获取字符出现次数的代码
Mar 22 Javascript
Jquery增加鼠标中间功能mousewheel的实例代码
Sep 05 Javascript
详解JavaScript中jQuery和Ajax以及JSONP的联合使用
Aug 13 Javascript
JavaScript实现同时调用多个函数的方法
Nov 09 Javascript
Bootstrap输入框组件简单实现代码
Mar 06 Javascript
详解使用Node.js 将txt文件转为Excel文件
Jul 05 Javascript
详解基于Vue cli生成的Vue项目的webpack4升级
Jun 19 Javascript
分享一个vue项目“脚手架”项目的实现步骤
May 26 Javascript
浅谈layui里的上传控件问题
Sep 26 Javascript
Vue $attrs & inheritAttr实现button禁用效果案例
Dec 07 Vue.js
原生js jquery ajax请求以及jsonp的调用方法
Aug 04 #jQuery
Angular2环境搭建具体操作步骤(推荐)
Aug 04 #Javascript
用vue的双向绑定简单实现一个todo-list的示例代码
Aug 03 #Javascript
JavaScript中正则表达式判断匹配规则及常用方法
Aug 03 #Javascript
vue 2.0封装model组件的方法
Aug 03 #Javascript
jQuery实现上传图片前预览效果功能
Aug 03 #jQuery
详解基于vue的移动web app页面缓存解决方案
Aug 03 #Javascript
You might like
如何突破PHP程序员的技术瓶颈分析
2011/07/17 PHP
PHP explode()函数用法讲解
2019/02/15 PHP
asp函数split()对应php函数explode()
2019/02/27 PHP
onpropertypchange
2006/07/01 Javascript
javascript面向对象的方式实现的弹出层效果代码
2010/01/28 Javascript
需要做特殊处理的DOM元素属性的访问
2010/11/05 Javascript
Jquery 选中表格一列并对表格排序实现原理
2012/12/15 Javascript
JS验证身份证有效性示例
2013/10/11 Javascript
教你如何自定义百度分享插件以及bshare分享插件的分享按钮
2014/06/20 Javascript
Javascript实现颜色rgb与16进制转换的方法
2015/04/18 Javascript
js实现带缓冲效果的仿QQ面板折叠菜单代码
2015/09/06 Javascript
js+canvas绘制矩形的方法
2016/01/28 Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
2016/06/08 Javascript
关于JavaScript和jQuery的类型判断详解
2016/10/08 Javascript
JS实现动态修改table及合并单元格的方法示例
2017/02/20 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
2017/02/23 Javascript
JavaScript通过filereader接口读取文件
2017/05/10 Javascript
基于react框架使用的一些细节要点的思考
2017/05/31 Javascript
Node.js操作系统OS模块用法分析
2019/01/04 Javascript
Pyramid添加Middleware的方法实例
2013/11/27 Python
Python实现求数列和的方法示例
2018/01/12 Python
python检测IP地址变化并触发事件
2018/12/26 Python
利用Pandas和Numpy按时间戳将数据以Groupby方式分组
2019/07/22 Python
Python操作多维数组输出和矩阵运算示例
2019/11/28 Python
python 命名规范知识点汇总
2020/02/14 Python
pycharm中如何自定义设置通过“ctrl+滚轮”进行放大和缩小实现方法
2020/09/16 Python
如何设置PyCharm中的Python代码模版(推荐)
2020/11/20 Python
解决selenium+Headless Chrome实现不弹出浏览器自动化登录的问题
2021/01/09 Python
css3动画效果小结(推荐)
2016/07/25 HTML / CSS
Java面试题:请说出如下代码的输出结果
2013/04/22 面试题
迟到检讨书800字
2014/01/13 职场文书
房地产推广策划方案
2014/05/19 职场文书
六一儿童节园长致辞
2015/07/31 职场文书
创业计划书之青年旅馆
2019/09/23 职场文书
oracle连接ODBC sqlserver数据源的详细步骤
2021/07/25 Oracle
Golang实现可重入锁的示例代码
2022/05/25 Golang