JavaScript模式对话框，无需用户交互，可以'；不要关门

我有一个页面，用户可以通过单击实体名称来更新表单。设想一个姓名列表，以及使用AJAX从onClick更新的所有其他字段（地址、年龄、性别等）的表单。如何创建一个模式对话框（“请稍候”），在AJAX调用返回数据之前阻止用户交互？我不希望用户能够单击“X”或“关闭”按钮。他或她必须等待

看看这个插件

它允许通过在页面或特定元素的顶部添加覆盖来阻止和页面或特定元素的交互。您可以定义一条消息，并提供一系列选项来定制外观

例如，当使用以下命令执行ajax请求时，您可以阻止页面：

$(document).ajaxStart(function() {
    $.blockUI({
        message: '<h1>Just a moment...</h1>'
    });
}

$(document).ajaxStop(function() { $.unblockUI(); }

$（文档）.ajaxStart（函数（）{
$.blockUI({
留言：“请稍候……”
});
}
$（document）.ajaxStop（函数（）{$.unbui（）；}

---

这是基本的掩码。之后，您可以添加更多内容，如“请等待”框。

您需要在页面的整个内容上添加一个DIV。通常这是半透明的，表示用户必须等待。有时会出现“加载”覆盖层上的微调器。

这是一个很棒的插件，非常适合我的需要！它甚至可以阻止单个元素的输入。我在AJAX调用之前阻止，在AJAX回调上取消阻止。谢谢！

var d = document.createElement('div');
d.style.position = "fixed";
d.style.top = d.style.left = d.style.right = d.style.bottom = "0px";
document.body.appendChild(d);