onmouseup事件未触发

Question

我有一个包含IFrame的文档(所有源项都来自同一个域)，当我将onmouseup事件附加到我的IFrame中的div时，无论我的光标是否仍在元素上，鼠标打开时它都会触发。

但是，如果我让IFrame按住鼠标不放，然后松开鼠标，事件就不会触发。

有没有什么办法可以捕捉到这个问题，也许可以知道用户什么时候会用鼠标光标从IFrame中走出来

Answer 1

鼠标事件绑定到窗口，而iframe被认为是一个窗口，因此如果光标不在iframe上，则不会将mouseup事件触发到iframe。您所能做的就是在文档上捕获父框架的mouseup事件，如下所示。

$(parent.document).mouseup(functionToRun);

或不使用jQuery

parent.document.onmouseup = functionToRun;

您可以将其放入iframed文档中。