この記事の例では、jquery の複数の関数を無効にする 4 つの方法を紹介します
1. F5 を無効にして jQuery インスタンス コードを更新します
F5 には Web ページを更新する機能があります。場合によっては、この機能を無効にする必要がある場合があります。この機能の実装方法を紹介するコード例を次に示します。
コードは次のとおりです:
$(document).ready(function(){ $(document).bind("keydown",function(e){ var e=window.event||e; if(e.keyCode==116){ e.keyCode = 0; return false; } }) })
2. jQuery はキーボードの戻るキー、F5 更新キー、その他のショートカット キーを無効にします
$(document).keydown(function(event){ //屏蔽 Alt+ 方向键 ← //屏蔽 Alt+ 方向键 → if ((event.altKey)&&((event.keyCode==37)||(event.keyCode==39))) { event.returnValue=false; return false; } //屏蔽退格删除键 if(event.keyCode==8){ return false; } //屏蔽F5刷新键 if(event.keyCode==116){ return false; } //屏蔽alt+R if((event.ctrlKey) && (event.keyCode==82)){ return false; } });
3. 右クリック機能を無効にします
コードは次のとおりです:
$(document).ready(function() { $(document).bind("contextmenu",function(e) { alert("sorry! No right-clicking!"); return false; }); });
4. Backspace キーによる Web ページの巻き戻しを防ぐための jQuery 実装コード
$(document).keydown(function (e) { var doPrevent; if (e.keyCode == 8) { var d = e.srcElement || e.target; if (d.tagName.toUpperCase() == 'INPUT' || d.tagName.toUpperCase() == 'TEXTAREA') { doPrevent = d.readOnly || d.disabled; } else doPrevent = true; } else doPrevent = false; if (doPrevent) e.preventDefault(); });
以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。