在沒有觸控螢幕的機器上,hover 確實可以正常運作。例如,您可以透過滑鼠或觸控板游標獲得懸停效果,如下所示,我正將游標懸停在分享按鈕上:
但是,對於同時配備觸控螢幕和滑鼠/觸控板的筆記型電腦……我不確定是否有方法能偵測滑鼠是已拔掉還是已插入。
我不確定是否能透過 CSS4 媒體查詢來解決這個問題:
不過,如果能針對那些同時被識別為「觸控螢幕」和「滑鼠」的裝置進行修復,允許它們使用懸停效果,那就太好了。目前使用者只好透過在筆記型電腦上停用觸控螢幕來解決問題,可能是因為他們本來就從不使用觸控功能。
我測試了這個:https://jsfiddle.net/davidThomas/q29r4pjs/3/,結果如下:
- 桌面電腦
滑鼠 - iPhone
觸控 - Surface Pro
滑鼠 ← 錯誤!
我也測試了 https://jsfiddle.net/Blackbam/zkd2cs0t/16/,結果相同——觸控螢幕加滑鼠的裝置表現與桌面電腦完全一致。
