多くのトランザクションを引き起こす意図しない何回かのクリックを避けるために、ボタンをクリックしたときにウェブページの要素全体を無効にするにはどうすればよいですか？ウェブページの要素を無効にする
スレッドは、ボタンをクリックするとdivが要素の上に置かれるようにdivを使用することを推奨します。
divオーバーレイ以外の方法はありますか？私は、任意のコントロールのクリックを無効にするJavaScript、JSP、jQueryの、AJAX
あなたはCSSポインタイベントプロパティを使用することができますは、あなたは、単に、フェードインフェードアウト機能をjQueryのを使用して、任意のイベントでのWebページの全体の内容を無効にするには、次の例を使用することができます。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn").click(function(){
$("#cover").fadeIn(1000);//on event
//some processing
alert('processing');
$("#cover").fadeOut(100); //after done.
});
});
</script>
<style>
#hide{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity:0.50;
background: #f2f2f2;
z-index: 10;
display: none;
}
</style>
</head>
<body>
<div>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<button id="btn" value="Click">Click</button>
</div>
<div id="hide">
</div>
</body>
</html>