javascript - 当我仍然将鼠标悬停在鼠标悬停对象上时，正在调用 Mouseout 函数

Question

使用 Google Maps api，我使用 addDomListener 调用 mouseout 命令，如下所示：

    google.maps.event.addDomListener(document.getElementById(#myID), 'mouseout', mouseoutListener);

myID 是一个 div，带有一些子元素，例如

<div id="myID">
  <title>etc</title>
  <address>etc</title>
</div>

mouseout 在离开 #myID 时有效，但问题是它也会在将鼠标悬停在子元素上时触发。我知道 jQuery 通过制作 mouseenter 和 mouseleave 触发器解决了这个问题，但不幸的是，这些在这个 API 中不可用（据我所知）。

这是如何实现的？

换句话说，您如何 getElementById AND 以使其涵盖所有子元素？

Answer 1

您也可以将 mouseleave 和 mouseenter 与 addDomListener 一起使用，问题是并非所有主流浏览器都支持这些事件（它们应该在 IE、FF 和 Opera 中工作，但在 Chrome 和 Safari 中失败）。

您可以使用另一个库，例如 jQuery，它具有针对这些事件的跨浏览器实现。