vue 新增 fastclick的支援

2022-03-13 05:44:04 字數 403 閱讀 6963

fastclick:處理移動端click事件300毫秒延遲

1、相容性

ios 3及更高版本的移動safari

ios 5及更高版本的chrome

android上的chrome(ics)

opera mobile 11.5及以上版本

android 2以來的android瀏覽器

playbook os 1及以上版本

2、安裝

npm install fastclick -s

之後,在main.js中引入,並繫結到body

import fastclick from 'fastclick'

fastclick.attach(document.body);

fastclick猜的原理

touchstart 給 el設定 start time new date start pos touchmove 記錄 end time new date end pos 進行終止檢測,判斷相對於起點的位移,持續時間。touchmove 記錄 end time new date end pos 進...

外掛程式的使用 3 fastclick

移動端點選事件的延遲現象 原因 移動端的雙擊事件會產生頁面縮放的效果 所以移動端在判斷clicka事件的時候會有 300ms 左右的延遲 解決方法 1.禁止移動端頁面的縮放 缺點 頁面無法縮放 2.更改缺省視口的寬度 缺點 需要瀏覽器的支援 3.css touch action none 缺點 新屬...

vue新增全域性js

前言 如題 首選是自己的js檔案 export default if res return page 然後是在main.js把js物件掛載到vue裡面 ps 此處import 後面的jsutil是可以隨意取名字的 然後vue.prototype.jsutil 這個美元符號,是為了區分當前方法是使用者...