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中定义对象类别
Dec 22 Javascript
超强的IE背景图片闪烁(抖动)的解决办法
Sep 09 Javascript
js模拟点击事件实现代码
Nov 06 Javascript
jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
Jun 04 Javascript
express的中间件bodyParser详解
Dec 04 Javascript
jQuery制作效果超棒的手风琴折叠菜单
Apr 03 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
Oct 23 Javascript
jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)
Feb 25 Javascript
JQueryEasyUI框架下的combobox的取值和绑定的方法
Jan 22 Javascript
webpack 模块热替换原理
Apr 09 Javascript
在vue项目中利用popstate处理页面返回的操作介绍
Aug 06 Javascript
使用vue3重构拼图游戏的实现示例
Jan 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文本操作类
2006/11/25 PHP
PHP 图像尺寸调整代码
2010/05/26 PHP
PHP教程之PHP中shell脚本的使用方法分享
2012/02/23 PHP
解析php中call_user_func_array的作用
2013/06/07 PHP
php 实现进制相互转换
2016/04/07 PHP
PHP全功能无变形图片裁剪操作类与用法示例
2017/01/10 PHP
php单元测试phpunit入门实例教程
2017/11/17 PHP
php实现session共享的实例方法
2019/09/19 PHP
IE与FireFox的兼容性问题分析
2007/04/22 Javascript
一个轻量级的javascript库 pj介绍
2010/12/19 Javascript
在javascript中执行任意html代码的方法示例解读
2013/12/25 Javascript
jQuery级联操作绑定事件实例
2014/09/02 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
2015/08/05 Javascript
js实现微信分享代码
2020/10/11 Javascript
原生JS:Date对象全面解析
2016/09/06 Javascript
js改变html的原有内容实现方法
2016/10/05 Javascript
vue2.0父子组件间通信的实现方法
2017/04/19 Javascript
移动端触摸滑动插件swiper使用方法详解
2017/08/11 Javascript
详解vue+vuex+koa2开发环境搭建及示例开发
2018/01/22 Javascript
详解vue-router传参的两种方式
2018/09/10 Javascript
Vue数据双向绑定的深入探究
2018/11/27 Javascript
vue读取本地的excel文件并显示在网页上方法示例
2019/05/29 Javascript
python批量提交沙箱问题实例
2014/10/08 Python
python使用自定义user-agent抓取网页的方法
2015/04/15 Python
深入解析Python中的urllib2模块
2015/11/13 Python
CentOS 7下Python 2.7升级至Python3.6.1的实战教程
2017/07/06 Python
查看django版本的方法分享
2018/05/14 Python
详解PyCharm配置Anaconda的艰难心路历程
2018/08/13 Python
python实现创建新列表和新字典,并使元素及键值对全部变成小写
2019/01/15 Python
selenium+PhantomJS爬取豆瓣读书
2019/08/26 Python
windows10 pycharm下安装pyltp库和加载模型实现语义角色标注的示例代码
2020/05/07 Python
教你一分钟在win10终端成功安装Pytorch的方法步骤
2021/01/28 Python
Python页面加载的等待方式总结
2021/02/28 Python
6种非常炫酷的CSS3按钮边框动画特效
2016/03/16 HTML / CSS
美国波西米亚风格服装品牌:Show Me Your Mumu
2018/01/05 全球购物
阿里云k8s服务升级时502错误 springboot项目应用
2022/04/09 Servers