Javascript jQuery点击切换事件，可以'；我不知道如何第一次单击div，第二次单击div以外的任何位置？

附加的代码允许你点击一个div，使它进入“焦点”，就像一个模态对话框，这就是我想要它做的。但是，我不想第二次点击div来“关闭”它，而是想点击div之外的任何地方

在这一点上我完全被难住了，似乎找不到任何好的资源。任何帮助都将不胜感激

$（'[id^=TestDiv]'）。单击（函数（e）{
$（'#TestDiv'+this.id.match（/\d+$/）[0]）.toggleClass（'fullscreen'）；
$（“#覆盖”）.toggle（）；
});
正文{
高度：100vh；
宽度：100vh；
}
#容器{
保证金：自动；
填充：0；
显示：网格；
背景色：黑色；
宽度：100%；
身高：100%；
网格模板柱：1fr 1fr；
网格模板行：1fr 1fr；
网格模板区域：
“myDiv1 myDiv2”
“myDiv3 myDiv4”；
}
分区全屏{
位置：绝对位置；
z指数：9999；
宽度：50%；
身高：50%；
排名：0；
底部：0；
左：0；
右：0；
保证金：自动；
}
#测试部门1{
背景：红色；
网格区域：myDiv1；
}
#TestDiv2{
背景：绿色；
网格区域：myDiv2；
}
#测试部门3{
背景：蓝色；
网格区域：myDiv3；
}
#测试组4{
背景：黄色；
网格区域：myDiv4；
}
div[id^='TestDiv']{
显示器：flex；
证明内容：柔性端；
弯曲方向：立柱；
}
span.text{
浮动：左；
利润底部：2%；
左缘：2%；
字体大小：0.5em；
}
span.integer{
浮动：对；
利润底部：2%；
保证金权利：4%；
字号：0.55em；
字体大小：粗体；
}
#覆盖层{
位置：固定；
显示：无；
宽度：100%；
身高：100%；
排名：0；
左：0；
右：0；
底部：0；
背景色：rgba（0,0,0,0.5）；
z指数：2；
}

文本内容
1.
文本内容
2.
文本内容
3.
文本内容
4.
您使用的是toggle类，问题是只需使用addClass，执行以下代码即可：

$('[id^=TestDiv]').click(function(e) {
    $('#TestDiv' + this.id.match(/\d+$/)[0]).addClass('fullscreen');
    $('#overlay').css("display","block");
});
$('#overlay').click(function () {
    $('[id^=TestDiv]').removeClass('fullscreen');
    $('#overlay').css("display","none");
});


$（'[id^=TestDiv]'）。单击（函数（e）{
$（'#TestDiv'+this.id.match（/\d+$/）[0]）.addClass（'fullscreen'）；
$（'#overlay'）.css（“显示”、“块”）；
});
$（“#覆盖”）。单击（函数（）{
$（'[id^=TestDiv]'）。removeClass（'fullscreen'）；
$（'#overlay'）.css（“显示”、“无”）；
});
正文{
高度：100vh；
宽度：100vh；
}
#容器{
保证金：自动；
填充：0；
显示：网格；
背景色：黑色；
宽度：100%；
身高：100%；
网格模板柱：1fr 1fr；
网格模板行：1fr 1fr；
网格模板区域：
“myDiv1 myDiv2”
“myDiv3 myDiv4”；
}
分区全屏{
位置：绝对位置；
z指数：9999；
宽度：50%；
身高：50%；
排名：0；
底部：0；
左：0；
右：0；
保证金：自动；
}
#测试部门1{
背景：红色；
网格区域：myDiv1；
}
#TestDiv2{
背景：绿色；
网格区域：myDiv2；
}
#测试部门3{
背景：蓝色；
网格区域：myDiv3；
}
#测试组4{
背景：黄色；
网格区域：myDiv4；
}
div[id^='TestDiv']{
显示器：flex；
证明内容：柔性端；
弯曲方向：立柱；
}
span.text{
浮动：左；
利润底部：2%；
左缘：2%；
字体大小：0.5em；
}
span.integer{
浮动：对；
利润底部：2%；
保证金权利：4%；
字号：0.55em；
字体大小：粗体；
}
#覆盖层{
位置：固定；
显示：无；
宽度：100%；
身高：100%；
排名：0；
左：0；
右：0；
底部：0；
背景色：rgba（0,0,0,0.5）；
z指数：2；
}

文本内容
1.
文本内容
2.
文本内容
3.
文本内容
4.
这是否回答了您的问题？这是我的荣幸：）