Vanilla JavaScript：如何在一个对象上站立（悬停）？

Question

假设您有一个html对象，当您站立时（使用鼠标），菜单会被打开。

您不必单击任何内容，只需将鼠标移动到该HTML元素的顶部（将鼠标悬停在该元素上），然后在鼠标光标的末尾，就会打开一个菜单。

鼠标悬停可能的结果。

我的问题

如果我有元素的CSS选择器，我就这样定位：

document.querySelector('.myElement');

我怎样才能模仿鼠标悬停？

出于好奇，尝试了这个：

document.querySelector（ 'myElement'）鼠标悬停（）;

但我得到了：

  

TypeError：document.querySelector（...）。mouseover不是函数

我期待这样的事情因为我总是看到人们使用click()而不是mouseover()。

也许我应该做addEventListener（）;

Answer 1

<div id="mydiv" onmouseover="yourFunctionOne" onmouseout="yourFunctionTwo" />

这个怎么样？