javascript - 提交表单时如何使用javascript禁用页面内容

Question

在我的应用程序中，当我单击表单提交时，会发生服务调用。当服务调用发生时，我需要禁用页面内容，直到加载下一页。

正如我给出的光标：等待鼠标指针变为加载符号并且不允许点击页面。但我仍然可以使用选项卡并输入或更改页面中的值。

谁能告诉代码使用透明图像禁用页面内容？

Answer 1

你可以比使用透明图像更容易做到这一点：

$('body.waiting > *').on('click', function(e) {
    e.preventDefault();
});

我认为您应该只禁用提交输入，例如：

$('input').attr('disabled', 'disabled');

使用“覆盖”，在页面顶部添加一个绝对 div：

<div id="overlay" style="position:absolute;background:url('trans.png');left:0;top:0;width:100%;height:100%;display:none;"></div>

而不仅仅是在提交表单时显示它：

$('#overlay').show();