Question

我正在尝试开发一个overolf应用程序，并且在接收mouseLeave事件时遇到问题。

Overwolf App：

<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上叠加（＆＃34;位置：绝对;左：......＆＃34;）并用作窗口控制元素（缩放，关闭，... ）

网页（iframe内容）：

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

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

只有当没有＆＃34;触及＆＃34;而离开iframe时，才会触发mouseLeave事件。叠加的窗口控制元素。因此，如果我在使用鼠标的路上触摸这些元素，那么＆＃34;悬停＆＃34;课程没有被删除（事件根本没有被触发）并且所有事情都被应用于css＆＃34;：hover＆＃34;选择器也没有被移除。

任何帮助将不胜感激

Answer 1

尝试添加＆＃39; id＆＃39; iframe上的名称，而不是直接使用html。我想看看如何全面描绘你想做的事情。您可以将代码粘贴到http://jsbin.com并告诉我链接吗？

mouseLeave事件从未触发过

1 个答案: