JavaScript 可以可靠地模擬 CSS :hover 效果嗎？

在 JavaScript 中模擬滑鼠懸停：CSS :hover 的挑戰

嘗試在 JavaScript 中模擬滑鼠懸停事件以啟動 CSS ":hover"財產可能具有挑戰性，如下所示查詢：

問題：

我一直在嘗試使用Chrome 中的滑鼠懸停偵聽器來模擬滑鼠懸停事件，而觸發偵聽器時，:hover 聲明仍然存在。我嘗試手動添加“懸停”類，但它未能改變元素的外觀是否可以完成。這個？

答：

不幸的是，這個方法是不可能的。滑鼠懸停不是可信事件。

由使用者代理程式產生的事件（無論是作為使用者互動的結果還是作為DOM 變更的直接結果）是由腳本使用DocumentEvent.createEvent("Event") 方法產生的事件，Event 是可信事件具有未授予使用.initEvent() 方法修改的事件或使用EventTarget.dispatchEvent() 方法調度的事件的權限。可信事件的 isTrusted 屬性值為 true，不可信事件的 isTrusted 屬性值為 false。

大多數不受信任的事件不會觸發預設操作，但按一下或 DOMActivate 事件除外。

所以你必須手動新增和刪除 mouseover/mouseout 事件中的類別。

以上是JavaScript 可以可靠地模擬 CSS :hover 效果嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！