已解決430363個問題，去搜搜看，總會有你想問的

如何在純JavaScript中模擬鼠標懸停以激活CSS“：hover”？

首頁猿問如何在純JavaScript中模擬...

如何在純JavaScript中模擬鼠標懸停以激活CSS“：hover”？

JQuery JavaScript Html/CSS

30秒到達戰場 2019-08-02 16:48:57

如何在純JavaScript中模擬鼠標懸停以激活CSS“：hover”？我一直試圖找到mouseover在Chrome中模擬的代碼，但即使“mouseover”監聽器被觸發，CSS“懸?！甭暶饕灿肋h不會被設置！我也嘗試過：//Called within mouseover listener theElement.classList.add("hover");但似乎沒有任何東西可以將元素更改為其hover聲明中聲明的內容。這可能嗎？

查看完整描述

3 回答

眼眸繁星

TA貢獻1873條經驗獲得超9個贊

你不能。這不是一個值得信賴的事件。

由用戶代理生成的事件，或者作為用戶交互的結果，或者作為DOM更改的直接結果，由用戶代理信任的事件具有通過DocumentEvent.createEvent腳本生成的事件所不具有的權限（“Event”）方法，使用Event.initEvent（）方法修改，或通過EventTarget.dispatchEvent（）方法調度。受信任事件的isTrusted屬性值為true，而不受信任事件的isTrusted屬性值為false。
大多數不受信任的事件不應觸發默認操作，但click或DOMActivate事件除外。

您必須手動添加一個類并在mouseover / mouseout事件上添加/刪除它。

反對回復 2019-08-02

慕桂英3389331

TA貢獻2036條經驗獲得超8個贊

您可以像這樣模擬鼠標懸停事件：

HTML

<div id="name">My Name</div>

JavaScript的

var element = document.getElementById('name');element.addEventListener('mouseover', function() {
  console.log('Event triggered');});var event = new MouseEvent('mouseover', {
  'view': window,
  'bubbles': true,
  'cancelable': true});element.dispatchEvent(event);

反對回復 2019-08-02

3 回答
0 關注
4947 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

如何在純JavaScript中模擬鼠標懸停以激活CSS“：hover”？

如何在純JavaScript中模擬鼠標懸停以激活CSS“：hover”？

3 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何在純JavaScript中模擬鼠標懸停以激活CSS“：hover”？

如何在純JavaScript中模擬鼠標懸停以激活CSS“：hover”？

3 回答

相關問題推薦

添加回答

如何在純JavaScript中模擬鼠標懸停以激活CSS“：hover”？

如何在純JavaScript中模擬鼠標懸停以激活CSS“：hover”？