javascript - Chrome 不会触发内容可编辑 iframe 中文档的焦点和模糊事件

Question

我正在更改 iframe 内容，同时它获得焦点。它在 Firefox 中有效，但 focus 和 blur 事件在 Google Chrome 中不会触发!

var iframe = $('#iframe').get(0);
iframe.onload = function(){
    
    iframeDoc = $(iframe.contentWindow.document);
    iframeDoc.focus(function(){
        alert('focused');
    }).blur(function(){alert('blur');
        alert('blured');
    });
    
}

尽管如此，其他事件如 keyup、keypress 仍在运行。您知道问题是什么以及如何处理吗？

Answer 1

在 Chrome 中，iFrame 文档没有焦点或模糊事件，而窗口有:

var iframe  = document.getElementById('iframe');
var iWindow = iframe.contentWindow;

iWindow.onfocus = function(){
    console.log('focused');
}
iWindow.onblur = function(){
    console.log('blured');
}

FIDDLE