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 相关文章推荐
一个加密JavaScript的开源工具PACKER2.0.2
Nov 04 Javascript
Javascript学习笔记9 prototype封装继承
Jan 11 Javascript
js判断字符长度以及中英文数字等
Dec 31 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
Apr 20 Javascript
C++中的string类的用法小结
Aug 07 Javascript
jquery操作select元素和option的实例代码
Feb 03 Javascript
JavaScript学习笔记整理_setTimeout的应用
Sep 19 Javascript
教你5分钟学会用requirejs(必看篇)
Jul 25 Javascript
JavaScript实现百度搜索框效果
Mar 26 Javascript
vue组件从开发到发布的实现步骤
Nov 11 Javascript
vue服务端渲染操作简单入门实例分析
Aug 28 Javascript
JS使用H5实现图片预览功能
Sep 30 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
PHP自带方法验证邮箱是否存在
2016/02/01 PHP
最新版本PHP 7 vs HHVM 多角度比较
2016/02/14 PHP
php实现的AES加密类定义与用法示例
2018/01/29 PHP
PHP双向链表定义与用法示例
2018/01/31 PHP
在Laravel 中实现是否关注的示例
2019/10/22 PHP
javascript通过class来获取元素实现代码
2013/02/20 Javascript
Jquery 动态生成表格示例代码
2013/12/24 Javascript
javascript判断css3动画结束 css3动画结束的回调函数
2015/03/10 Javascript
js实现使用鼠标拖拽切换图片的方法
2015/05/04 Javascript
jquery trigger函数执行两次的解决方法
2016/02/29 Javascript
基于js对象,操作属性、方法详解
2016/08/11 Javascript
JavaScript中英文字符长度统计方法示例【按照中文占2个字符】
2017/01/17 Javascript
Vue实现搜索 和新闻列表功能简单范例
2018/03/16 Javascript
mongodb初始化并使用node.js实现mongodb操作封装方法
2019/04/02 Javascript
vue中使用vue-cli接入融云实现即时通信
2019/04/19 Javascript
JavaScript Math对象和调试程序的方法分析
2019/05/13 Javascript
如何在项目中使用log4.js的方法步骤
2019/07/16 Javascript
layui 关闭open弹出框 刷新table表格页面的方法
2019/09/16 Javascript
python更新列表的方法
2015/07/28 Python
python3.5使用tkinter制作记事本
2016/06/20 Python
python学习教程之Numpy和Pandas的使用
2017/09/11 Python
python中使用iterrows()对dataframe进行遍历的实例
2018/06/09 Python
python隐藏终端执行cmd命令的方法
2019/06/24 Python
python实现电子词典
2020/03/03 Python
浅谈pytorch中的BN层的注意事项
2020/06/23 Python
python遍历路径破解表单的示例
2020/11/21 Python
Python Spyder 调出缩进对齐线的操作
2021/02/26 Python
45个非常奇妙的CSS3 特性应用示例
2012/01/01 HTML / CSS
西班牙购买隐形眼镜、眼镜和太阳镜网站:Lentiamo.es
2020/06/11 全球购物
电大毕业生自我鉴定
2013/11/10 职场文书
初一学生评语大全
2014/04/24 职场文书
会计专业求职信
2014/08/10 职场文书
2014年组织部工作总结
2014/11/14 职场文书
客服专员岗位职责范本
2015/04/07 职场文书
2015年小班保育员工作总结
2015/05/27 职场文书
Win11如何查看显卡型号 Win11查看显卡型号的方法
2022/08/14 数码科技