1. 程式人生 > >解決ios不支持按鈕:active偽類的方法

解決ios不支持按鈕:active偽類的方法

col color 需要 移動設備 style stat 開發 不支持 html

mozilla開發社區上有 :active 不起作用的答案:

[1] By default, Safari Mobile does not use the :active state unless there is a touchstart event handler on the relevant element or on the <body>.

在iOS系統的移動設備中,需要在按鈕元素或body/html上綁定一個touchstart事件才能激活:active狀態。

document.body.addEventListener(‘touchstart‘, function
() { //...空函數即可 });

將上述事件監聽代碼加上後,Safari Mobile上就可以看到按鈕按下後的切換效果了。

解決ios不支持按鈕:active偽類的方法