javascript - 如果 iframe 中发生 mousedown，文档将不会触发 mousemove 事件

Question

我有同源 iframe。 iframe 中的鼠标事件在文档中触发，如下所示:

// this won't work
$('iframe').contents().find('body').on('mousedown mouseup mousemove', function(e) {
  $(document).trigger(e);
});

// this does work
$('iframe').contents().on('mousedown mouseup mousemove', function(e) {
  $(document).trigger(e);
});

我的问题是，如果 mousedown 发生在 iframe 中并且鼠标离开 iframe，文档将不会触发它自己的 mousemove 事件，直到发生 mouseup。

一旦鼠标离开 iframe，我已经尝试在 iframe 和文档中触发 mouseup，但文档 mousemove 事件不会恢复，直到发生物理 mouseup。

Answer 1

在具有多个 iFrame 的页面上，这对我有用:

$(function() {
    $('iframe').each(function(index) {
        $(this).load(function () {
            $(this).contents().on("mousedown", function (e) {
                $(document).trigger(e);
            })
            .on("mouseup", function (e) {
                $(document).trigger(e);
            });
        });

    });
});

它也只适用于一个 iframe。重要的是在绑定(bind)事件之前等待框架加载完成，否则可能无法正常工作。就我而言，在一个 iframe 中正确检测到鼠标事件，但在另一个 iframe 中检测不到。