javascript弹出和块屏幕

我有一个div弹出窗口，它出现在按钮单击事件上。我想在弹出窗口显示给用户时禁用屏幕，并在用户通过escape键或div上的close按钮关闭弹出窗口时再次启用，就像常规对话框一样。如何通过java脚本实现这一点。

您可以创建一个覆盖屏幕的“cover”元素，以防止用户输入内容，但封面顶部（或内部）的内容除外

$（'#按钮'）。单击（函数（）{$（'body'）。附加（''）；}）

封面{宽度：100%；高度：100%；位置：固定；顶部：0；左侧：0；背景：rgba（0,0,0,0.5）；}

然后将事件分配给封面，这样当用户单击或按特定键时，封面将隐藏

$（'.cover'）。单击（函数（）{$（this.hide（）；}）

我强烈建议使用模式插件/脚本，因为自己动手需要付出巨大的努力，而且非常耗时（相信我）。
jqueryui让您的生活更轻松。
查看一下
您可以使用jQuery对话框并使用属性
modal:true

$("#fileuploadfun").dialog({ modal: true });  

如果您使用
modal:false
，那么您可以单击背景
您要查找的行为称为“modal”。在“Javascript对话模式”上搜索应该会找到您需要的结果。我什么也没试过，直到我知道internet上有这么多解决方案。您真的会在
文档
中添加元素吗？你是说身体吗？此外，最好捕获单击
文档
以隐藏模式，并简单地停止模式上的单击事件在其之外传播。改为编辑为附加到
正文
。为什么在文档上捕获事件更好？这是一种检测模式点击交互之外的任何事件的简单方法。它不依赖CSS来创建一个大的可点击区域。