移動端不能使用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插件~~

網(wǎng)友評論