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 相关文章推荐
jQuery选择没有colspan属性的td的代码
Jul 06 Javascript
使用基于jquery的gamequery插件做JS乒乓球游戏
Jul 31 Javascript
jquery form表单序列化为对象的示例代码
Mar 05 Javascript
JavaScript中调用函数的4种方式代码实例
Jul 08 Javascript
理解javascript对象继承
Apr 17 Javascript
jQuery实现页面滚动时智能浮动定位
Jan 08 Javascript
快速解决处理后台返回json数据格式的问题
Aug 07 Javascript
JavaScript ES6常用基础知识总结
Feb 09 Javascript
vue2.0 实现富文本编辑器功能
May 26 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
Oct 24 Javascript
js实现简单的秒表
Jan 16 Javascript
vue点击弹窗自动触发点击事件的解决办法(模拟场景)
May 25 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获取后台Job管理的实现代码
2011/06/10 PHP
PHP安全配置详细说明
2011/09/26 PHP
php中防止恶意刷新页面的代码小结
2012/10/31 PHP
Fedora下安装php Redis扩展笔记
2014/09/03 PHP
PHP数组常用函数实例小结
2018/08/20 PHP
goto语法在PHP中的使用教程
2020/09/17 PHP
mouse_on_title.js
2006/08/25 Javascript
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
2010/08/27 Javascript
jquery图片放大功能简单实现
2013/08/01 Javascript
JS数组的常见用法实例
2015/02/10 Javascript
JavaScript实现的类字典插入或更新方法实例
2015/07/10 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
2016/09/08 Javascript
微信小程序开发之入门实例教程篇
2017/03/07 Javascript
使用socket.io实现简单聊天室案例
2018/01/02 Javascript
简单的Vue SSR的示例代码
2018/01/12 Javascript
JS删除数组里的某个元素方法
2018/02/03 Javascript
关于vue中的ajax请求和axios包问题
2018/04/19 Javascript
layui获取多选框中的值方法
2018/08/15 Javascript
使用Angular 6创建各种动画效果的方法
2018/10/10 Javascript
JavaScript 点击触发复制功能实例详解
2018/11/02 Javascript
vue动态子组件的两种实现方式
2019/09/01 Javascript
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
2020/09/21 Javascript
[01:00:54]TI4正赛第二日开场
2014/07/20 DOTA
Python的加密模块md5、sha、crypt使用实例
2014/09/28 Python
利用Python的Flask框架来构建一个简单的数字商品支付解决方案
2015/03/31 Python
利用python爬取散文网的文章实例教程
2017/06/18 Python
对python中array.sum(axis=?)的用法介绍
2018/06/28 Python
浅谈Scrapy网络爬虫框架的工作原理和数据采集
2019/02/07 Python
python实现QQ批量登录功能
2019/06/19 Python
谈一谈数组拼接tf.concat()和np.concatenate()的区别
2020/02/07 Python
10分钟理解CSS3 FlexBox弹性布局
2018/12/20 HTML / CSS
Html5移动端适配IphoneX等机型的方法
2019/06/25 HTML / CSS
国际金融专业大学生职业生涯规划书
2013/12/28 职场文书
政风行风自查自纠报告
2014/10/21 职场文书
社区学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
Python自动操作神器PyAutoGUI的使用教程
2022/06/16 Python