手机端如何禁用某个 dom 的 css 及 js 的 :hover 事件


如题,我有一个取消按钮。hover 的时候有效果,点击以后才取消。
在手机下,如果我想取消得点击两次,有什么方法禁止掉这个按钮的 hover 吗?

css ios JavaScript

受受天然呆 10 years, 2 months ago

同时监听 mouseenter touchstart 事件,在移动端, touchstart 的监听器会覆盖 mouseenter 的监听器。
http://jsbin.com/bomavi/1/edit?js,output

紫色D風信子 answered 10 years, 2 months ago


 @meida screen and (hover:0){
    /* 把hover的样式跟一般情况下做成一样*/

}

lvnoda answered 10 years, 2 months ago

取消按鈕是啥。。。


移動端沒有真正意義上的鼠標,而是在點擊的同時觸發鼠標移動事件。


我來講一下機制,移動端是沒有鼠標的,自然也就沒有 hover。但是爲了兼容又虛擬出了鼠標,這個鼠標僅在點擊的時候纔會移動,這時候 touch 事件觸發的同時也會觸發 hover。想要禁止 hover 只要禁止掉 touch 事件就行了。

還是沒搞懂你的設計思路,正常情況下不是要把 hover 樣式直接覆蓋掉的嗎,要不然在桌面端點擊一次後還要移開鼠標才行。。。

末末的鸭鸭 answered 10 years, 2 months ago

Your Answer