JavaScript 可以在 Chrome 中模擬 Mouseover 來啟動 CSS :hover 嗎？

用JavaScript 模擬Mouseover 事件啟動CSS ":hover"

問題：

儘管事件觸發了"mouseover"時，CSS“:hover”聲明保持不活動狀態。即使嘗試使用 Element.classList.add("hover") 手動將「hover」類別新增至元素也沒有效果。是否可以在 Chrome 中成功模擬滑鼠懸停，啟動 CSS ":hover" 屬性？

答案：

透過以下方式模擬滑鼠懸停是不可行的由於安全限制，會觸發 CSS「:hover」聲明。由使用者互動或 DOM 變更觸發的事件被視為可信，而由 JavaScript 建立的事件則不受信任。

根據W3C 規範，不可信事件預設不應觸發瀏覽器操作，包括啟動CSS ":hover" 」的影響。為了有效地模擬滑鼠懸停行為，您必須分別在「mouseover」和「 mouseout」事件上手動新增和刪除元素中的自訂類別。然後可以使用這個自訂類別透過CSS 應用所需的樣式，模仿「:hover」聲明的效果。

以上是JavaScript 可以在 Chrome 中模擬 Mouseover 來啟動 CSS :hover 嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！