如何將「a.hover」轉換爲單擊？

我創建了一個響應式網站，並且在所有設備上都能正常工作，但平板電腦佈局有一個問題：事件「a.hover」在點擊之前調用消息框，並且平板電腦不使用懸停效果，像「單擊」。因此，每個使用平板電腦的人都需要點擊兩次（一次用於懸停，一次用於點擊）。如何將「a.hover」轉換爲單擊？

我想單擊變換事件「a.hover」，是否有可能？

解決辦法：

.ads_box:hover{ display:none;}

是不出我所料，但它是一個解決方案！

來源

2014-10-07 marcelo

這是用於定型或功能？像懸停使一些東西只能在視覺上改變？這裏有很多文章和主題，如果不知道你的用例，很難提供一個建議來做什麼。只要嘗試使用谷歌搜索「懸停在移動設備上」，你會看到很多選擇。 – Leeish 2014-10-07 17:08:53

或者您可以使用JavaScript或jQuery來設置一個觸發器事件，它將更改您需要更改的元素的CSS屬性（或者，您可以創建動態CSS規則，然後設置腳本來設置JavaScript jQuery事件ID或課程名稱，當您的ID /課程設置爲相應的CSS時，您的所有樣式更改都會發生）。 – shmuli 2014-10-07 17:18:35

功能。我正在尋找一個簡單的sintaxe，但謝謝，我會找到。 – marcelo 2014-10-07 17:21:39

檢查你是否能在下面的鏈接中找到一些東西。

http://www.prowebdesign.ro/how-to-deal-with-hover-on-touch-screen-devices/

來源

2014-10-07 17:27:19 user3617709

謝謝，非常有用。 – marcelo 2014-10-07 17:42:49

該解決方案消除了平板電腦佈局中的所有懸停：| – marcelo 2014-10-07 18:54:09

只需更改網站即可在移動瀏覽器訪問該網站時進行注意，並將其從懸停菜單更改爲點擊下拉式。我真的沒有其他的解決方案，但它對我來說工作得很好。

P.S. （最近我一直在快速編碼，所以我在我的網頁開發語言中有點生疏，但我認爲我可以忍受用網絡行話來忘記針頭）;）

PPS或者你可以永久地改變爲點擊下拉菜單。我真的不認爲傾斜會讓你的用戶感到困擾。

來源

2014-10-07 17:19:59 Nick

可以使用Modernizr檢查設備類型，然後指定不同的規則根據設備（即去掉一個：懸停用於觸摸設備）

來源

2014-10-07 17:27:47 Duncan

如何將「a.hover」轉換爲單擊？

回答

相關問題