:Mobile Safari 中的active 偽類:故障排除指南
在CSS 領域,:active 偽類通常是用於在用戶啟動元素時更改元素的外觀。但是,在 Mobile Safari(iOS 裝置)中處理 標籤時,此功能可能會發生故障。點擊互動無法觸發 :active 樣式。
了解問題
Mobile Safari 在註冊用戶在觸控螢幕上的點擊之前採用延遲機制。這種延遲旨在防止無意的點擊觸發操作。因此,:active 樣式永遠不會套用,因為點擊事件不會立即被捕獲。
解:規避延遲
要解決這個問題,我們可以利用
上的 ontouchstart 屬性元素。透過新增此屬性,我們表明應監視觸控事件。透過此修改,Mobile Safari 將立即註冊觸控事件,按預期觸發 :active 樣式。
或開發人員可以利用“Fastclick”,這是一個專門設計用於增強各種裝置上的觸控事件回應能力的 JavaScript 函式庫。透過合併這個函式庫,:active 偽類也將無縫運作。
以上是為什麼我的 :active 偽類在 Mobile Safari 中不起作用,如何修復它?的詳細內容。更多資訊請關注PHP中文網其他相關文章!