javascript - 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 文档中。