当我仍然将鼠标悬停在鼠标悬停对象上时,正在调用鼠标输出函数



使用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使其覆盖所有子元素?

您可以使用mouseleave和mouseenter也与addDomListener,问题是这些事件不被所有主要浏览器支持(它们应该在IE, FF和Opera中工作,但在Chrome和Safari中失败)。

您可以使用其他库,例如jQuery,它具有跨浏览器实现这些事件

最新更新