单击弹出文档的部分内容时，在 IE 中错误地触发 Onblur 事件

Question

我有一堆小弹出页面，它们被设计为在失去焦点时自动关闭 - 即用户单击父文档。

不幸的是，在 IE8 中，当用户开始在弹出页面内填写输入表单时，也会发生模糊。 事实上，单击表单内的任何地方都会导致这种情况，甚至当用户意外单击某些文本时也是如此。这些项目似乎不是弹出文档的一部分。

我怎样才能让他们这样呢？

这是我在几个弹出窗口上使用的模糊代码（在 .js 脚本内）：

var fClose=0 

onload=function() {   
 fClose=0  
 setTimeout("doClose()",111);  
 document.onblur=Blur_Me;  
 document.onfocusout = Blur_Me;  
}  

function Blur_Me(){  
 fClose=1;  
 setTimeout("doClose()",111);  
}    
function doClose(){  
 if(fClose)close();  
}

Answer 1

您可以使用 jQuery 的 focusin() 和 focusout() 处理程序来代替使用 blur()。

当元素或其内部的任何元素获得焦点时，focusin 事件将发送到该元素。

当元素或其内部的任何元素失去焦点时，focusout 事件将发送到元素。

它们与blur() 不同，因为它支持检测父元素失去焦点（换句话说，它支持事件冒泡）。