移動端點選事件的延遲現象:
原因: 移動端的雙擊事件會產生頁面縮放的效果; 所以移動端在判斷clicka事件的時候會有 300ms 左右的延遲;
解決方法:
1. 禁止移動端頁面的縮放
``缺點: 頁面無法縮放
2. 更改缺省視口的寬度
``缺點: 需要瀏覽器的支援
3. css touch-action: none;
缺點: 新屬性, 可能需要瀏覽器的支援
4.zepto中封裝的tap事件
缺點: 穿透
//穿透產生的條件
//1. 兩個兄弟元素,其中乙個浮動在另乙個上(如果是父子元素, 就涉及到冒泡了)
//2. 浮在上面的元素觸發touch事件,該元素隱藏;由於touch事件連帶也會觸發click事件,click事件會有300ms左右的延遲, 而此時第乙個元素已經消失,
所以click事假會在第二個元素上觸發
5. fastclick外掛程式
原理: 在檢測到touchend事件後, 會通過dom自定義事件模擬乙個click事件,並把瀏覽器300ms之後真正觸發的點選事件遮蔽掉
//fastclick 外掛程式的使用方法
//1.引入js//
//2. 給body所有的元素繫結click事件,之後click事件就可以正常使用
$(function
() );
tips:
1) 移動端新增事件,使用 addeventlistener; 如果是jq物件要轉為dom物件
2) 移動端的 touchstart touchmove touchend 事件 類似pc端的 mousedown mousemove mouseup 事件
targettouches changedtouches
Sublime Text3 安裝,使用,外掛程式
sublime text 3 全程詳細 原創教程 sublime text 3安裝及常用外掛程式安裝 sublime使用package control不能正常使用的解決辦法 sublime text 3 前端必備外掛程式 sublime text3中emmet外掛程式的安裝 sublime text...
sublime text3外掛程式安裝及使用
sublime text3命令 import urllib.request,os,hashlib h 2915d1851351e5ee549c20394736b442 8bc59f460fa1548d1514676163dafc88 pf package control.sublime packag...
sublime Text 3 使用外掛程式追蹤函式
或者 單獨取出ctags.exe使用即可 將ctags.exe放在專案根目錄，或者配置到環境變數 在專案根目錄下執行ctags r f tags命令，此命令會在專案的根目錄下生成.tags檔案 通過package control，搜尋ctags安裝 將 sublime 中 preference pa...