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

2018-12-11  本文已影响0人  布丁点com

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

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

touchStart:触摸开始事件

touchEnd:触摸结束事件

1️⃣记录touch的初始位置

图1 图2(touches数组)

2️⃣记录touch的结束位置

图3

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

图4

注:questionIndex是一个变量

上一篇 下一篇

猜你喜欢

热点阅读