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 相关文章推荐
prototype1.4中文手册
Sep 22 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
Sep 28 Javascript
JQuery循环滚动图片代码
Dec 08 Javascript
jquery解决客户端跨域访问问题
Jan 06 Javascript
Vue.js双向绑定操作技巧(初级入门)
Dec 27 Javascript
jquery事件与绑定事件
Mar 16 Javascript
JS实现去除数组中重复json的方法示例
Dec 21 Javascript
vue2.x集成百度UEditor富文本编辑器的方法
Sep 21 Javascript
使用angular-cli webpack创建多个包的方法
Oct 16 Javascript
vue实现带过渡效果的下拉菜单功能
Feb 19 Javascript
JS实现碰撞检测效果
Mar 12 Javascript
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
Aug 03 Javascript
原生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
一个简易需要注册的留言版程序
2006/10/09 PHP
php中ob(Output Buffer 输出缓冲)函数使用方法
2007/07/21 PHP
解析PHP中的unset究竟会不会释放内存
2013/07/18 PHP
php技术实现加载字体并保存成图片
2015/07/27 PHP
经常用到的JavasScript事件的翻译
2007/04/09 Javascript
javascript 面向对象 function类
2010/05/13 Javascript
让图片旋转任意角度及JQuery插件使用介绍
2013/03/20 Javascript
JavaScript获取table中某一列的值的方法
2014/05/06 Javascript
js判断当页面无法回退时关闭网页否则就history.go(-1)
2014/08/07 Javascript
jQuery实现左右切换焦点图
2015/04/03 Javascript
jquery实现的简单二级菜单效果代码
2015/09/22 Javascript
清除js缓存的多种方法总结
2016/12/09 Javascript
JavaScript实现图像模糊化的方法实例
2017/01/15 Javascript
Bootstrap进度条实现代码解析
2017/03/07 Javascript
vue下跨域设置的相关介绍
2017/08/26 Javascript
浅谈angularJs函数的使用方法(大小写转换,拷贝,扩充对象)
2018/10/08 Javascript
vue+canvas实现炫酷时钟效果的倒计时插件(已发布到npm的vue2插件,开箱即用)
2018/11/05 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
2018/12/29 Javascript
Vue 监听元素前后变化值实例
2020/07/29 Javascript
node.js基础知识汇总
2020/08/25 Javascript
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
2020/09/21 Javascript
[52:20]DOTA2-DPC中国联赛正赛 SAG vs XGBO3 第一场 3月5日
2021/03/11 DOTA
python中xrange和range的区别
2014/05/13 Python
基于python的Tkinter编写登陆注册界面
2017/06/30 Python
Python中动态检测编码chardet的使用教程
2017/07/06 Python
[原创]Python入门教程4. 元组基本操作
2018/10/31 Python
python3爬虫怎样构建请求header
2018/12/23 Python
Python字符串匹配之6种方法的使用详解
2019/04/08 Python
pytorch torchvision.ImageFolder的用法介绍
2020/02/20 Python
德国高尔夫商店:Golfshop.de
2019/06/22 全球购物
俄罗斯珠宝市场的领导者之一:Бронницкий ювелир
2019/10/02 全球购物
跳槽求职信范文
2014/05/26 职场文书
电子商务实训报告总结
2014/11/05 职场文书
幼儿园小班教师个人工作总结
2015/02/06 职场文书
Golang实现AES对称加密的过程详解
2021/05/20 Golang
一篇文章搞懂python混乱的切换操作与优雅的推导式
2021/08/23 Python