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

Question

我正在更改iframe的内容，使其重点突出。 它适用于FF，但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其他事件keyup起作用。 您知道问题在哪里以及如何解决吗？

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');
}

小提琴

Answer 2

根据http://api.jquery.com/focus/ ， focus只能用于某些元素（主要是表单元素）。 您可能需要研究在body标签上的iframe中捕获点击事件，以判断用户是否正在与之交互。