vue.js怎么添加一些触摸事件以及获得fastclick的支持?

vue.js怎么添加一些触摸事件以及获得fastclick的支持?,第1张

ue.js添加一些触摸事件以及获得fastclick的支持的 *** 作方法如下。

默认你使用了npm安装。先执行安装fastclick的命令。npm install fastclick -D

之后,在main.js中引入,并绑定到body   import FastClick from 'fastclick'FastClick.attach(document.body)。

绑定触摸事件 touchstart touchmove

监听触摸事件event.touches中触摸点的数量

在touchmove事件做判定,如果 event.touches.length==2 则记录此次两点之间的距离:Math.sqrt(Math.pow((x2-x1),2)+Math.pow((y2-y1),2))

在手指移动过程中针对每一次的两点距离进行比较。如果相对上次较大则放大,否则缩小。div的缩放通过transform:scale(x)进行控制


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7986742.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-12
下一篇2023-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存