在jquery中单击外部或按escape键时，如何防止框内容消失？

我在电子商务网站工作。在那里我必须创建一个用于年龄验证的弹出框。我创建了一个用于年龄验证的弹出框。它正常工作，但当我单击框外时，该框消失。即使单击框外或按escape也不应消失。我如何防止单击框外后该框消失也？ 下面是我的代码：

$（文档）.ready（函数（）{
变量id='#对话框'；
//获取屏幕的高度和宽度
var maskHeight=$（document.height（）；
var maskWidth=$（window.width（）；
//设置遮罩的高度和宽度以填充整个屏幕
$（'#mask'）.css({
“宽度”：maskWidth，
“高度”：马斯克八
});
//过渡效应
$（'面具'）.fadeIn（500）；
$（#mask'）.fadeTo（“慢”，0.9）；
//获取窗口的高度和宽度
var winH=$（window.height（）；
var winW=$（window.width（）；
//将弹出窗口设置为居中
$（id）.css（'top'，winH/2-$（id）.height（）/2）；
$（id）.css（'left'，winW/2-$（id）.width（）/2）；
//过渡效应
美元（id）.fadeIn（2000年）；
//如果单击“关闭”按钮
$（'.window#close'）。单击（函数（e）{
//取消链接行为
e、 预防默认值（）；
$（“#掩码”）.hide（）；
$（'.window'）.hide（）；
});
//如果单击了“遮罩”
$（“#掩码”）。单击（函数（）{
$（this.hide（）；
$（'.window'）.hide（）；
});
});
#掩码{
位置：绝对位置；
左：0；
排名：0；
z指数：9000；
背景色：#000；
显示：无；
}
#盒子，窗户{
位置：绝对位置；
左：0；
排名：0；
宽度：300px；
高度：300px；
显示：无；
z指数：9999；
填充：20px；
/*边界半径：15px*/
文本对齐：居中；
}
#对话框{
宽度：300px；
高度：300px；
填充：10px；
背景色：#ffffff；
字体系列：“Segoe UI Light”，无衬线；
字体大小：15磅；
}
.maintext{
文本对齐：居中；
字体系列：“Segoe UI”，无衬线；
文字装饰：无；
}
#洛勒姆{
字体系列：“Segoe UI”，无衬线；
字号：12号；
文本对齐：居中；
}

SIMPLYSALT

你确定你21岁吗
对不起，狗年不算


是的，我21岁或更大
您需要删除执行此操作的函数

JS（删除）：

//if mask is clicked
$('#mask').click(function () {
    $(this).hide();
    $('.window').hide();
});

您需要删除执行此操作的函数

JS（删除）：

//if mask is clicked
$('#mask').click(function () {
    $(this).hide();
    $('.window').hide();
});

但当我单击“是”按钮时，它需要disappear@srujana那么不要删除第二个函数！，更新我的答案！但当我点击yes按钮时，它需要disappear@srujana那么不要删除第二个函数！，更新我的答案！