javascript - onmouseup 事件未触发

Question

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

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

有什么方法可以解决这个问题，也许可以知道用户何时使用鼠标光标从 IFrame 中出来

Answer 1

鼠标事件与窗口相关联，iframe 被视为一个窗口，因此如果光标不在 iframe 上，您将不会向 iframe 触发 mouseup 事件。您可以像这样在文档上捕获父框架的 mouseup 事件。

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

或不使用 jQuery

parent.document.onmouseup = functionToRun;

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