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

我希望鼠标光标位于另一个元素上时，css选择器上会发生鼠标悬停事件。我需要通过运行js的Google tag Manager中的自定义标记来设置它。我的想法是：

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

---

当我使用

.click

时，可以识别出点击#atcclick，工作非常好！但是使用

.mouseover

时，无法识别mouseover事件。你知道我做错了什么吗？

你应该使用.onmouseover（）方法而不是.mouseover（）

做点像-

（函数（）{
document.getElementById（“atcclick”）.onmouseover=function（）{console.log（'on mouseover event'）}；
})();
这是演示文本
感谢epascarello，我得到了它，它正在工作：

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

非常感谢您的回复。不幸的是，这个建议不起作用。onmouseover真的不能叫，是吗？我需要在css选择器上调用mouseover事件（由js脚本触发）。而实际的鼠标光标位于另一个元素上。它类似于
.onmouseover（EventObjectHere）
，但您仍然需要传入
EventObject
，因此您需要以
.dispatchEvent
的方式执行。您的示例分配事件，但除非发生鼠标悬停，否则不会触发事件。但是我不认为它会触发CSS。你最好设置样式并添加一个类来触发相同的CSS。在你发送的链接中找到答案（见下文）。就像一个符咒。你需要使用
mouseenter
和
mouseleave
，因为
mouseover
会影响子节点。