提交表單時如何使用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();