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 相关文章推荐
js+div实现图片滚动效果代码
Feb 10 Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
Mar 23 Javascript
跨域资源共享 CORS 详解
Apr 26 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
Dec 25 Javascript
浅析JavaScript中var that=this
Feb 17 Javascript
简单实现js点击展开二级菜单功能
May 16 Javascript
微信小程序 检查接口状态实例详解
Jun 23 Javascript
浅谈vue+webpack项目调试方法步骤
Sep 11 Javascript
微信小程序使用map组件实现路线规划功能示例
Jan 22 Javascript
node.js使用 http-proxy 创建代理服务器操作示例
Feb 10 Javascript
JS如何实现手机端输入验证码效果
May 13 Javascript
js观察者模式的弹幕案例
Nov 23 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/12/06 PHP
使用JSON实现数据的跨域传输的php代码
2011/12/20 PHP
浅析PHP中Collection 类的设计
2013/06/21 PHP
ie focus bug 解决方法
2009/09/03 Javascript
IE event.srcElement和FF event.target 功能比较
2010/03/01 Javascript
百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
2010/04/13 Javascript
js 实现复制到粘贴板的功能代码
2010/05/13 Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
2013/11/22 Javascript
jQuery图片切换插件jquery.cycle.js使用示例
2014/06/16 Javascript
jQuery获取选中内容及设置元素属性的方法
2014/07/09 Javascript
jQuery选择器源码解读(三):tokenize方法
2015/03/31 Javascript
基于jquery实现左右按钮点击的图片切换效果
2021/01/27 Javascript
JavaScript中的原型继承基础学习教程
2016/05/06 Javascript
jQuery 3 中的新增功能汇总介绍
2016/06/12 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
2016/06/14 Javascript
基于jQuery实现表格的排序
2016/12/02 Javascript
js学习总结_轮播图之渐隐渐现版(实例讲解)
2017/07/17 Javascript
在node环境下parse Smarty模板的使用示例代码
2019/11/15 Javascript
[03:54]DOTA2英雄梦之声_第06期_昆卡
2014/06/23 DOTA
python中 logging的使用详解
2017/10/25 Python
用python实现的线程池实例代码
2018/01/06 Python
python的格式化输出(format,%)实例详解
2018/06/01 Python
利用Python半自动化生成Nessus报告的方法
2019/03/19 Python
使用Python实现将list中的每一项的首字母大写
2019/06/11 Python
TensorFlow绘制loss/accuracy曲线的实例
2020/01/21 Python
人事主管岗位职责范本
2013/12/04 职场文书
公关活动策划方案
2014/05/25 职场文书
小组名称和口号
2014/06/09 职场文书
销售员岗位职责
2014/06/09 职场文书
学校学雷锋活动总结
2014/06/26 职场文书
2014年人大工作总结
2014/12/10 职场文书
实习报告范文
2019/07/30 职场文书
Python基本数据类型之字符串str
2021/07/21 Python
MySQL中utf8mb4排序规则示例
2021/08/02 MySQL
Python内置数据结构列表与元组示例详解
2021/08/04 Python
请求模块urllib之PYTHON爬虫的基本使用
2022/04/08 Python