移动端vue.js监听手机屏幕的触摸事件

手机屏幕的触摸事件,用到的主要是touchStart,touchEnd

举个栗子(监听手势向左或向右)

touchStart:触摸开始事件

touchEnd:触摸结束事件

1️⃣记录touch的初始位置

图1
图2(touches数组)

2️⃣记录touch的结束位置

图3

vue中如果需要在某种条件下才需要监听手势滑动事件的话,就把判断条件写在watch方法中,监听某个变量

图4

注:questionIndex是一个变量

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

推荐阅读更多精彩内容

  • 好奇触摸事件是如何从屏幕转移到APP内的?困惑于Cell怎么突然不能点击了?纠结于如何实现这个奇葩响应需求?亦或是...
    Lotheve阅读 58,046评论 51 603
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,538评论 1 11
  • 在iOS开发中经常会涉及到触摸事件。本想自己总结一下,但是遇到了这篇文章,感觉总结的已经很到位,特此转载。作者:L...
    WQ_UESTC阅读 6,133评论 4 26
  • 本文主要讲解iOS触摸事件的一系列机制,涉及的问题大致包括: 触摸事件由触屏生成后如何传递到当前应用? 应用接收触...
    baihualinxin阅读 1,227评论 0 9
  • 在前端的移动Web开发中,有一部分事件只在移动端产生,如触摸相关的事件。接下来给大家简单总结一下移动端的事件。 1...
    IT老马阅读 5,115评论 1 20