Javascript 单击iFrame边界以外的任何位置时隐藏iFrame

我正在寻找iframe，当我点击离开它时，它将关闭

我尝试了一些jQuery，但没有成功：

$('body').click(function(event){

if($(event.target).parents('#mainFrame_Example').length <= 0)
     $('#mainFrame_Example').hide();
})

$（'body'）。单击（函数（事件）{
if（$（event.target）.parents（“#mainFrame_Example”）.length尝试以下方法：

$(document).add(parent.document).click(function(e) {
    var iframe = $('iframe');
    if (!iframe.is(e.target) && iframe.has(e.target).length === 0) {
        iframe.hide();
    }
});

我想这样就可以了

$(function(){

   $('body').on('click', function () {
       $('#mainFrame_Example').hide();
   });

});

你不能做一个
div
在整个
正文中传播并将事件
点击
附加到它吗？这个
div
应该将所有内容包装为父元素。这个
id=“mainFrame\u示例”
很糟糕。HTML不区分大小写。使用大写字母有什么意义？混合使用snake和camel大小写也会导致阅读错误。最好使用
id=“main frame example”
。
$(function(){

   $('body').on('click', function () {
       $('#mainFrame_Example').hide();
   });

});