移动设备滑动事件

移动设备上用到核心 touch事件,处理 touch事件能跟踪到屏幕的滑动。

touchstart:手指放到屏幕上触发

touchmove:手指在屏幕上滑动触发

touchend:手指离开屏幕触发

监听滑块停止离开时触发

document.getElementById('field-range').addEventListener('touchend', function() {

     //具体业务

});

注意:监听只能注册一次。

if(_this.isListener) {

     document.getElementById('field-range').addEventListener('touchend', function() {

          //具体业务

   });

    _this.isListener = false;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,581评论 1 11
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,286评论 0 21
  • 触摸事件: 三种在规范中列出并获得跨移动设备广泛实现的基本触摸事件: 1.touchstart:手指放在一个DOM...
    晨光2016阅读 24,205评论 0 13
  • 一、下面我将简单的介绍移动端布 局的八种方式: 1.固定布局 2.流动布局 3.浮动布局 4.定位布局 5.混合布...
    李好Ario阅读 1,589评论 0 8
  • 我们所生活的宇宙中,一切的物质都在不停的运动着,这无疑是宇宙最基本的规律。如果你仔细观察,你会发现螺旋运动是这个世...
    Einspao阅读 3,125评论 0 2