vue学习之-----移动端插件FastClick

1、为什么要使用fastclick

(1)移动端的浏览器,默认会在用户点击屏幕300ms延迟之后,才会触发点击事件【为了检查用户是否在做双击】,为了能立即响应用户的点击事件,所以有了fastclick;

(2)移动端的浏览器事件执行顺序为:touchstart》touchend》click 。由于移动端click事件的滞后性,很有可能上一个页面上同一位置的click事件会在下一个页面的同一位置的元素上执行,导致“点击穿透”。

2、如果移动端不使用click事件,全部使用touch事件,会怎么样?

(1)如果不使用click,就没有延迟的弊端了

  注意:如果遇到<a>标签,还是要注意把href属性的跳转换成js控制跳转【因为href跳转本质上也是click】

(2)对于用户来说,有时触发touch事件,只是想滑动屏幕,但是却跳转了页面,这不是他想要的效果

  所以,click事件又是必须的

3、在vue中使用fastclick

npm 安装:npm i fastclick

main.js中引入:

 

posted @ 2023-01-26 14:21  程序员冒冒  阅读(454)  评论(0编辑  收藏  举报