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

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

May 16, 2016 pm 03:18 PM
jquery

この記事の例では、jquery の複数の関数を無効にする 4 つの方法を紹介します

1. F5 を無効にして jQuery インスタンス コードを更新します
F5 には Web ページを更新する機能があります。場合によっては、この機能を無効にする必要がある場合があります。この機能の実装方法を紹介するコード例を次に示します。
コードは次のとおりです:

1

2

3

4

5

6

7

8

9

$(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 更新キー、その他のショートカット キーを無効にします

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

$(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. 右クリック機能を無効にします
コードは次のとおりです:

1

2

3

4

5

6

$(document).ready(function() {

$(document).bind("contextmenu",function(e) {

alert("sorry! No right-clicking!");

return false;

});

});

ログイン後にコピー

4. Backspace キーによる Web ページの巻き戻しを防ぐための jQuery 実装コード

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

$(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 までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

jQueryのリファレンスメソッドを詳しく解説:クイックスタートガイド jQueryのリファレンスメソッドを詳しく解説:クイックスタートガイド Feb 27, 2024 pm 06:45 PM

jQueryのリファレンスメソッドを詳しく解説:クイックスタートガイド

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? Feb 28, 2024 pm 03:12 PM

jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか?

jQueryで要素の高さ属性を削除するにはどうすればよいですか? jQueryで要素の高さ属性を削除するにはどうすればよいですか? Feb 28, 2024 am 08:39 AM

jQueryで要素の高さ属性を削除するにはどうすればよいですか?

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する Feb 28, 2024 pm 09:06 PM

jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する

jQuery を使用してすべての a タグのテキスト コンテンツを変更する jQuery を使用してすべての a タグのテキスト コンテンツを変更する Feb 28, 2024 pm 05:42 PM

jQuery を使用してすべての a タグのテキスト コンテンツを変更する

徹底した分析: jQuery の長所と短所 徹底した分析: jQuery の長所と短所 Feb 27, 2024 pm 05:18 PM

徹底した分析: jQuery の長所と短所

jQuery における eq の役割と応用シナリオを理解する jQuery における eq の役割と応用シナリオを理解する Feb 28, 2024 pm 01:15 PM

jQuery における eq の役割と応用シナリオを理解する

jQuery 要素に特定の属性があるかどうかを確認するにはどうすればよいですか? jQuery 要素に特定の属性があるかどうかを確認するにはどうすればよいですか? Feb 29, 2024 am 09:03 AM

jQuery 要素に特定の属性があるかどうかを確認するにはどうすればよいですか?

See all articles