移動端不能使用click,因為click會有300ms。所有有了fastclick這樣的解決方案。然后fastclick并沒有解決點擊態(tài)(用戶點擊的瞬間要有及時的外觀變化反饋)的問題。hover會有不消失的問題,所有大家一般用:active。利用 :active 偽類來設(shè)置某元素被點擊時的點擊態(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)的兼容?

有沒有更好的解決方案?且看AlloyTouch Button插件~~

延伸閱讀

學習是年輕人改變自己的最好方式-Java培訓,做最負責任的教育,學習改變命運,軟件學習,再就業(yè),大學生如何就業(yè),幫大學生找到好工作,lphotoshop培訓,電腦培訓,電腦維修培訓,移動軟件開發(fā)培訓,網(wǎng)站設(shè)計培訓,網(wǎng)站建設(shè)培訓學習是年輕人改變自己的最好方式