美文网首页
移动设备滑动事件

移动设备滑动事件

作者: IBM_LELE | 来源:发表于2018-06-22 16:25 被阅读0次

移动设备上用到核心 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;

相关文章

  • 移动设备滑动事件

    移动设备上用到核心 touch事件,处理 touch事件能跟踪到屏幕的滑动。 touchstart:手指放到屏幕上...

  • 02-移动web开发

    一、移动端touch事件 当用户手指放在移动设备在屏幕上滑动会触发的touch事件 touch事件包含三个触摸列表...

  • 02-移动web开发

    一、移动端touch事件 当用户手指放在移动设备在屏幕上滑动会触发的touch事件 touch事件包含三个触摸列表...

  • 移动端------移动事件对

    在移动端,用户每时每刻都在触发移动事件,比如触摸的事件,点击,长按,左右滑动的事件,手指缩放,等等。都是移动事件的...

  • 移动端开发基础第一节

    一、设备事件 移动端事件都要在head里面设置: 获取移动端设备的尺寸:screen.width,screen.h...

  • Web工具&框架

    快速开发工具 bootstrap 响应式布局,移动设备优先bootstrap官网 Swiper 移动端滑动效果 S...

  • 监听移动端屏幕的横屏竖屏

    移动端的设备提供了一个事件:orientationChange事件 在设备旋转的时候,会触发这个事件, // Li...

  • 移动端项目总结

    1.设备事件 设备事件可以让开发人员确定用户在怎样使用设备 移动Safari添加了orientationchang...

  • 【Axure10】交互功能-交互事件-动态面板(独有)交互事件

    向左滑动结束 鼠标或手指(移动端预览时)在动态版本区域向左滑动结束。触发对应的事件。 向右滑动结束 鼠标或手指(移...

  • 手写 轮播图 支持 滑动换页

    滑动在电脑端和移动端事件是不一样的电脑 mousedown,mousemove,mouseup ,而移动端 ...

网友评论

      本文标题:移动设备滑动事件

      本文链接:https://www.haomeiwen.com/subject/oqbkyftx.html