addeventlistener监听scroll跟touch(实例讲解)

 更新时间:2017年08月04日 07:57:26   投稿:jingxian  
下面小编就为大家带来一篇addeventlistener监听scroll跟touch(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

这三个事件只在手机上生效

touchstart:手指开始触屏

touchmove:手指移动

touchend:手指触屏结束

这个事件在手机上跟在pc端都生效

scroll事件

addeventlistener(name,callback,optional,useCapture)

useCapture:事件是否用捕获事件,从外到里,true
                        默认为false:使用冒泡事件,从里到外
optional:{
     passive:false时,阻止默认事件,ture时不阻止默认事件(默认值是false)
}

passive:true可以防止页面滚动的时候,页面卡顿,但是奇怪的时,我没有设置的时候 为什么页面看不出卡顿啊 忧桑 

大家有碰到过手机页面滚动的时候卡顿的情况吗,为什么我在手机上测试好像看花了眼一样

以上这篇addeventlistener监听scroll跟touch(实例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js判断上传文件类型判断FileUpload文件类型代码

    js判断上传文件类型判断FileUpload文件类型代码

    这篇文章主要介绍了js判断上传文件类型判断FileUpload文件类型代码,需要的朋友可以参考下
    2014-05-05
  • js实现表单Radio切换效果的方法

    js实现表单Radio切换效果的方法

    这篇文章主要介绍了js实现表单Radio切换效果的方法,涉及javascript实现页面元素的隐藏与显示及复选框的遍历技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • JavaScript的Module模式编程深入分析

    JavaScript的Module模式编程深入分析

    Module模式是常见的JavaScript编程模式,一般来说这种模式是很好理解的,但是依然有一些高级的用法没有得到太多的注意。在这篇文章中我会提到Module模式的基础知识和一些真正重要的话题,包括一个可能是我原创的
    2013-08-08
  • javascript类型系统 Array对象学习笔记

    javascript类型系统 Array对象学习笔记

    这篇文章主要介绍了javascript类型系统之Array对象,整理关于Array对象的学习笔记,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 通过设置CSS中的position属性来固定层的位置

    通过设置CSS中的position属性来固定层的位置

    position 属性规定元素的定位类型,这个属性定义建立元素布局所用的定位机制,本文给大家介绍通过设置CSS中的position属性来固定层的位置,感兴趣的朋友一起学习吧
    2015-12-12
  • JS选取DOM元素的简单方法

    JS选取DOM元素的简单方法

    下面小编就为大家带来一篇JS选取DOM元素的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • arcgis for js 修改infowindow样式的方法

    arcgis for js 修改infowindow样式的方法

    下面小编就为大家带来一篇arcgis for js 修改infowindow样式的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • layer弹出层父子页面事件相互调用方法

    layer弹出层父子页面事件相互调用方法

    今天小编就为大家分享一篇layer弹出层父子页面事件相互调用方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • js显示文本框提示文字的方法

    js显示文本框提示文字的方法

    这篇文章主要介绍了js显示文本框提示文字的方法,涉及javascript鼠标事件及样式操作的相关技巧,非常简单实用,需要的朋友可以参考下
    2015-05-05
  • 详解JavaScript中var和let的区别

    详解JavaScript中var和let的区别

    在JavaScript中,有3个关键字可以声明变量:var、const和let,其中var在ECMAScript的所有版本中都可以使用,而const和let只能在ECMAScript 6及更晚的版本中使用,本文就来说说二者的区别,感兴趣的可以了解一下
    2022-11-11

最新评论