ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery はキーボードバックを無効にし、F5 更新をブロックし、right-click_jquery を無効にします

jQuery はキーボードバックを無効にし、F5 更新をブロックし、right-click_jquery を無効にします

WBOY
WBOYオリジナル
2016-05-16 15:18:561343ブラウズ

この記事の例では、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(); 
}); 

以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。