移動(dòng)端不能使用click,因?yàn)閏lick會(huì)有300ms。所有有了fastclick這樣的解決方案。然后fastclick并沒(méi)有解決點(diǎn)擊態(tài)(用戶(hù)點(diǎn)擊的瞬間要有及時(shí)的外觀變化反饋)的問(wèn)題。hover會(huì)有不消失的問(wèn)題,所有大家一般用:active。利用 :active 偽類(lèi)來(lái)設(shè)置某元素被點(diǎn)擊時(shí)的點(diǎn)擊態(tài)樣式。
在IOS上使用active必須聲明下面js:
document.addEventListener("touchstart", function() {},false);
CSS中記得去掉highlight color:
-webkit-tap-highlight-color: rgba(0,0,0,0);
需要注意的是:Android 2.x 仍不支持:active。
那么就 fastclick + :active + 一堆聲明 + 放棄部分系統(tǒng)的兼容?
有沒(méi)有更好的解決方案?且看AlloyTouch Button插件~~
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無(wú)線安全]玩轉(zhuǎn)無(wú)線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26