在iOS上的Safari中,當用戶觸摸某個元素時,是否有CSS僞類?或者我必須使用JavaScript?用戶在iOS Safari中觸摸某個元素時的CSS僞類?
類似於:hover在臺式電腦上工作時,它會在手指觸摸該元件時處於活動狀態,並且只要用戶停止觸摸該元件就會處於非活動狀態。
在iOS上的Safari中,當用戶觸摸某個元素時,是否有CSS僞類?或者我必須使用JavaScript?用戶在iOS Safari中觸摸某個元素時的CSS僞類?
類似於:hover在臺式電腦上工作時,它會在手指觸摸該元件時處於活動狀態,並且只要用戶停止觸摸該元件就會處於非活動狀態。
CSS當前沒有爲觸摸範例定義任何用戶操作僞類。
你必須聽取事件並用JavaScript處理它們。事實上,Apple建議這樣做;有關詳細信息,請參閱Safari Web Content Guide中的Handling Events。例如,您需要查看touchstart
,touchend
,touchmove
和touchcancel
事件。
在這裏找到答案:https://stackoverflow.com/a/8877902/520129
<body ontouchstart=""> ... </body>
應用只需一次,而不是每一個按鈕元素似乎解決了頁面上 所有按鈕。或者,您可以使用名爲'[Fastclick] [1]'的小型JS 庫。它加快了觸摸屏上的點擊事件,並且也解決了這個問題。
[1]: http://assanka.net/content/tech/2011/08/26/fastclick-native-like-tapping-for-touch-apps/
我感到困惑。這是如何回答這裏給出的問題的?您似乎也錯誤地引用了鏈接標記 - [1]:URL不應位於引號中。 – BoltClock 2013-06-28 16:44:56
在你的body標籤上添加ontouchstart =「」將會使得:在觸地時,ios/android上的活動僞類可以工作。 – Olivier 2013-06-28 17:20:15
這對我有用,但不知道我是否最終會使用它。 – matthewpavkov 2014-03-20 18:03:29