mouseLeave 事件从未触发

Question

我正在尝试开发一个 overwolf 应用，但在接收 mouseLeave 事件时遇到问题。

Overwolf 应用：

<div id="menu" onMouseDown="dragMove();">
  <div id="close" onclick="closeWindow();"></div>
</div>

<iframe src="URL_to_Webpage"></iframe>

<div id="scale" onmousedown="dragResize('BottomLeft');"></div>
<div id="sliderBg">
  <div id="slider"></div>
</div>

菜单、关闭、缩放和滑块元素覆盖（“位置：绝对；左侧：...”）在 iframe 上并用作窗口控制元素（缩放、关闭、...）

网页（iframe 内容）：

$('html').hover(function() {
  $(this).addClass('hover');
}, function() {
  $(this).removeClass('hover');
});

我总是按预期将悬停类应用于我的 iframe。 CSS :hover 选择器也会被应用。

mouseLeave 事件仅在离开 iframe 且未“触摸”覆盖的窗口控制元素时触发。 因此，如果我在离开时用鼠标触摸这些元素，“悬停”类不会被删除（事件根本不会被触发），并且所有使用 css“:hover” 选择器应用的东西也不会被删除。

任何帮助将不胜感激

Answer 1

尝试在 iframe 上添加“id”名称，而不是直接使用 html。 我想看看它是如何完全描绘你想要做什么的。 您能否将您的代码粘贴到http://jsbin.com 并告诉我链接？