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

Question

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

正如我已经给出了光标：等待鼠标指针变为加载符号，并且不允许点击页面。但我仍然可以使用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();