使用 JavaScript 模拟/调用 .mouseover 事件

如何解决使用 JavaScript 模拟/调用 .mouseover 事件

我希望鼠标悬停事件发生在 css 选择器上，而鼠标光标位于不同的元素上。我需要通过运行 js 的 Google 标签管理器中的自定义标签进行设置。我的想法是：

(function() {   
document.getElementById("atcclick").mouSEOver();
})();

当我使用 .click 时，可以识别#atcclick 上的点击，效果非常好！但是使用 .mouSEOver 不会识别鼠标悬停事件。知道我做错了什么吗？

解决方法

好的，感谢 epascarello 我明白了，这是有效的：

(function() {   
document.getElementById('atcclick').dispatchEvent(new MouseEvent('mouseover',{ 'view': window,'bubbles': true,'cancelable': true }));
})();

,

You should use .onmouseover() method instead of .mouseover()。

做类似的事情 -

(function() {   
document.getElementById("atcclick").onmouseover = function(){ console.log('on mouseover event')};
})();

<p id="atcclick">This is demo text</p>