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 hasOwnProperty 方法 & in 关键字
Nov 26 Javascript
node.js中的fs.rmdirSync方法使用说明
Dec 16 Javascript
JavaScript实现的仿新浪微博原生态输入字数即时检查功能【兼容IE6】
Sep 26 Javascript
vue在使用ECharts时的异步更新和数据加载详解
Nov 22 Javascript
elementui的默认样式修改方法
Feb 23 Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
Apr 27 jQuery
详解Axios 如何取消已发送的请求
Oct 20 Javascript
微信小程序自定义可滑动日历界面
Dec 28 Javascript
如何为vuex实现带参数的 getter和state.commit
Jan 04 Javascript
微信小程序全局变量的设置、使用、修改过程解析
Sep 24 Javascript
JS简单表单验证功能完整示例
Jan 26 Javascript
jquery实现鼠标悬浮弹出气泡提示框
Dec 23 jQuery
原生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 adodb连接mssql解决乱码问题
2009/06/12 PHP
php获取汉字首字母的函数
2013/11/07 PHP
Yii视图CGridView实现操作按钮定义地址示例
2016/07/14 PHP
PHP实现数据四舍五入的方法小结【4种方法】
2019/03/27 PHP
js中substring和substr的定义和用法
2014/05/05 Javascript
js实现的点击数量加一可操作数据库
2014/05/09 Javascript
原生JS实现仿淘宝网左侧商品分类菜单效果代码
2015/09/10 Javascript
js 求时间差的实现代码
2016/04/26 Javascript
基于jQuery实现仿百度首页选项卡切换效果
2016/05/29 Javascript
Bootstrap的fileinput插件实现多文件上传的方法
2016/09/05 Javascript
解析JavaScript实现DDoS攻击原理与保护措施
2016/12/26 Javascript
JS实现小球的弹性碰撞效果
2017/11/11 Javascript
详解webpack模块化管理和打包工具
2018/04/21 Javascript
解决axios发送post请求返回400状态码的问题
2018/08/11 Javascript
vue axios数据请求get、post方法及实例详解
2018/09/11 Javascript
koa2 从入门到精通(小结)
2019/07/23 Javascript
layUI实现列表查询功能
2019/07/27 Javascript
将RGB值转换为灰度值的简单算法
2019/10/09 Javascript
vue 获取及修改store.js里的公共变量实例
2019/11/06 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
2019/11/10 Javascript
Node.js API详解之 module模块用法实例分析
2020/05/13 Javascript
JavaScript实现前端倒计时效果
2021/02/09 Javascript
[03:49]DOTA2英雄基础教程 光之守卫
2014/01/14 DOTA
使用Python通过win32 COM打开Excel并添加Sheet的方法
2018/05/02 Python
python实现图片文件批量重命名
2020/03/23 Python
Python基本数据结构与用法详解【列表、元组、集合、字典】
2019/03/23 Python
python安装scipy的方法步骤
2019/06/26 Python
用HTML5 实现橡皮擦的涂抹效果的教程
2015/05/11 HTML / CSS
介绍一下linux文件系统分配策略
2012/11/17 面试题
小学班级口号
2014/06/09 职场文书
大学生实习介绍信
2015/05/05 职场文书
2015年检察院个人工作总结
2015/05/20 职场文书
会议主持词开场白
2015/05/28 职场文书
青年联谊会致辞
2015/07/31 职场文书
只用50行Python代码爬取网络美女高清图片
2021/06/02 Python
深入理解redis中multi与pipeline
2021/06/02 Redis