アプリケーションでフォーム送信をクリックすると、サービス呼び出しが発生します。サービス呼び出しが発生したら、次のページが読み込まれるまでページ コンテンツを無効にする必要があります。
cursor:wait を指定したので、マウス ポインターが読み込み中のシンボルに変わり、ページをクリックできなくなります。それでも、タブを使用して、ページの値を入力または変更できます。
透明な画像を使用してページコンテンツを無効にするようにコードに指示できますか?
アプリケーションでフォーム送信をクリックすると、サービス呼び出しが発生します。サービス呼び出しが発生したら、次のページが読み込まれるまでページ コンテンツを無効にする必要があります。
cursor:wait を指定したので、マウス ポインターが読み込み中のシンボルに変わり、ページをクリックできなくなります。それでも、タブを使用して、ページの値を入力または変更できます。
透明な画像を使用してページコンテンツを無効にするようにコードに指示できますか?
透明な画像よりも簡単に行うことができます:
$('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();