移动端vue.js监听手机屏幕的触摸事件
2018-12-11 本文已影响0人
布丁点com
手机屏幕的触摸事件,用到的主要是touchStart,touchEnd
举个栗子(监听手势向左或向右)
touchStart:触摸开始事件
touchEnd:触摸结束事件
1️⃣记录touch的初始位置
![](https://img.haomeiwen.com/i8956225/e5b09d30eed79e3b.png)
![](https://img.haomeiwen.com/i8956225/689347402a9ec396.png)
2️⃣记录touch的结束位置
![](https://img.haomeiwen.com/i8956225/f26acedfddcaea87.png)
vue中如果需要在某种条件下才需要监听手势滑动事件的话,就把判断条件写在watch方法中,监听某个变量
![](https://img.haomeiwen.com/i8956225/3d50b37a9196424f.png)
注:questionIndex是一个变量