fastclick外掛程式學習（一）之用法

在檢測到touchend事件後, 會通過dom自定義事件模擬乙個click事件,並把瀏覽器300ms之後真正觸發的點選事件遮蔽掉，fastclick是不會對pc瀏覽器新增監聽事件

1、引入fastclick.js

2、給body所有的元素繫結click事件,之後我們使用的就是fastclick中的click事件（像正常使用click事件一樣）

// js引入   

$(function() );

// js引入   

if ('addeventlistener' in document) , false);

}

var fastclick = require('fastclick');

fastclick.attach(document.body, options);

例如：在vue中使用

// 安裝  

npm install fastclick -s  

// 引入  

import fastclick from 'fastclick'  

// 使用  

fastclick.attach(document.body);

fastclick

外掛程式的使用 3 fastclick

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

移動開發之fastclick 點選穿透

穿透 點穿 是在mobile各種瀏覽器上發生的常見的bug。可能是由click事件的延遲 300ms 或者事件冒泡導致 現象 在a頁面中有個 btn1 或a標籤 在b頁面中有個 btn2，btn1和btn1都在螢幕同乙個位置，兩個按鈕都有綁有自己的點選事件。btn1的click事件觸發後跳轉到b頁面...

JQUERY外掛程式學習之jqPlot

js圖表，有highcharts jqplot jschart，其中highcharts和jschart只能用作個人使用 為了以後專案中能使用，在這用了jqplot 個人和商業都免費 先學習下。關於jqplot的詳細中文配置參考 options axisdefaults 設定renderer的opt...