Javascript 在jquery2中选择window元素

我试图在用户单击modalW3C网站示例之外的任何位置时关闭一个模式。然而，我在W3C网站上使用JQuery而不是普通的JS。 $modal是一个jquery对象，包含用于创建modal的html div

我尝试了在stackoverflow上看到的代码，但没有成功：

let $window = $('window', opener.document);

window.parent.$window.on('click', function(event){
    if (event.target == $modal){
        $modal.css({display:'none'});
    }
});

我自己尝试的是：

 let $window = $('window');
 window.on('click', function(event){
        if(event.target == $modal){
            $modal.css({display:'none'});
        }
    }

将普通JS与JQuery混合使用：

 let $window = $('window');
 window.onclick = function(event){
    if(event.target == $modal){
        $modal.css({display:'none'});
    }
}

---

我遗漏了什么吗？

嗨，我真的不知道你说的$modal是什么意思，但下面是一个例子，可以根据你的要求使用css和jquery管理一个简单的modal：

var modal=$'myModal'， span=$。关闭[0]， btn=$‘mybtn’； $span.“单击”时，函数{ $modal.css显示，无； }; $document.on'click'，functionevent{ 如果event.target==$model[0]{ $modal.css显示，无； } } $btn.“点击”按钮，功能E{ e、 防止违约； $modal.css显示，块； } /** *模态css **/ /*情态丰多*/ .莫代尔{ 显示：无；/*隐藏*/ 位置：固定；/*mantener位置*/ z索引：1；/*索引顶部*/ 填充顶部：100px；/*inicio del内容模式*/ 左：0； 排名：0； 宽度：100%； 身高：100%； 溢出：自动；/*usar滚动页面超出el tamanio*/ 背景色：rgb0,0,0；/*fondo*/ 背景色：rgba0,0,0,0.4；/*不透明*/ } /** *卡加莫代尔酒店 */ .模态内容{ 位置：相对位置； 背景色：FEFE； 保证金：自动； 填充：0； 边框：1px实心888； 宽度：50%； 盒影：0 4px 8px 0 rgba0,0,0.2,0 6px 20px 0 rgba0,0,0,0.19； -webkit动画名称：animatetop； -webkit动画持续时间：0.4s； 动画名称：animatetop； 动画持续时间：0.4s } @-webkit关键帧动画顶点{ 从{top:-300px；不透明度：0} 到{顶部：0；不透明度：1} } @关键帧动画顶点{ 从{top:-300px；不透明度：0} 到{顶部：0；不透明度：1} } .结束{ 颜色：白色； 浮动：对； 字号：28px； 字体大小：粗体； } .关闭：悬停， .结束：聚焦{ 颜色：000； 文字装饰：无； 光标：指针； } .模态标题{ 填充：2x16px； 背景色：4a7ac9； 颜色：白色； } .模态体{填充：2px 16px；} .模态页脚{ 填充：2x16px； 背景色：4a7ac9； 颜色：白色； } &时代； 你好，世界

---

所以您所说的$modal是指iframe吗？或有内容的div？全新的浏览器窗口？@KevinB browser window$modal是包含用于创建modal的div的jquery对象