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

Question

在我的应用程序中，当我单击“表单提交”时，就会发生服务呼叫。 发生服务呼叫时，我需要禁用页面提示直到下一页加载。

正如我给定的cursor：wait一样，鼠标指针变为加载符号，并且不允许单击页面。 但是我仍然可以使用tab并在页面中输入或更改值。

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

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();