web-dev-qa-db-ja.com

Ctrl + Rが押されたことを検出する方法は?

Ifを実行するjqueryの関数をコーディングしています Ctrl+R が押されましたが、左右のctrlキーコードが何であるかを見つけることができないようです...誰か助けてくれますか?

更新

    ///this works
    $(document).keydown(function(e){
      if(e.keyCode==17){alert("control was pressed")};
 });

次の質問-コントロールキーを押すと別のキーを押すと機能を実行する方法

  if(e.keyCode==17){llCtrlPress=1};
   if(e.keyCode==97 && llCtrlPress=1){DO SOMETHING}
  ????????????

それはうまくいくようですが、キーアップ時にllCtrlpressを「0」に戻すにはどうすればよいですか?

26
sadmicrowave

keydown関数を使用してトラップする必要があります Ctrl 文字。ここに私の実装です Ctrl+A

    $(document).keydown(function(e) {
        if (e.keyCode == 65 && e.ctrlKey) {
            alert('ctrl A');
        }
    });

ほとんどのブラウザではページの再読み込みであるため、Ctrl-Rはより強力です。つまり、javascriptが実行されず、ページが更新されます。

同様に、keyCodeの値は、keydown/keyupup関数とkeypress関数では異なります。

編集: ctrl変数を削除し、ctrlKeyを忘れました

47
Alan Jackson

これは、IEおよびfirefoxで更新を無効にするために使用しているコードです(これは、 F5、 Ctrl+F5 そして Ctrl+R

_<script language="javascript" type="text/javascript">
    //this code handles the F5/Ctrl+F5/Ctrl+R
    document.onkeydown = checkKeycode
    function checkKeycode(e) {
        var keycode;
        if (window.event)
            keycode = window.event.keyCode;
        else if (e)
            keycode = e.which;

        // Mozilla firefox
        if ($.browser.mozilla) {
            if (keycode == 116 ||(e.ctrlKey && keycode == 82)) {
                if (e.preventDefault)
                {
                    e.preventDefault();
                    e.stopPropagation();
                }
            }
        } 
        // IE
        else if ($.browser.msie) {
            if (keycode == 116 || (window.event.ctrlKey && keycode == 82)) {
                window.event.returnValue = false;
                window.event.keyCode = 0;
                window.status = "Refresh is disabled";
            }
        }
    }
</script>
_

Useragentを使用してブラウザのタイプを検出したくない場合($ .browserはnavigator.userAgentを使用してプラットフォームを決定します)、次を使用できます。

if('MozBoxSizing' in document.documentElement.style)-firefoxに対してtrueを返します

5
Saurav S.

ここ は、使用できるキーコードの完全なリストです。

5
Gabe

e.ctrlKeyを使用しないのはなぜですか?

 if (e.keyCode == 65 && e.ctrlKey) {
     alert('ctrl A');
 }

編集:ctrl-rキーが押されたことを検出し、ブラウザーの再読み込みを停止する適切な関数を次に示します。

function keydown(e) {
    if (e.ctrlKey && e.keyCode == 82) {
        // 82 = r

        // TODO: your thing.

        if (e.preventDefault) {
            e.preventDefault();
        }
        else {
            return false;
        }
    }
}

私はjquery初心者です、あなたはそうすると思います

$(document).keydown(keydown);

正しい?

2
lincolnk
 $(document).ready(function () {
     $(document).keyup(function (e) {
         if (e.keyCode == 81 && e.ctrlKey) { //CTRL+Q
             alert("CTRL+Q");
         } else if (e.keyCode == 27) { //ESCAPE
             alert("escape");
         } else if (e.keyCode == 67 && e.altKey) { // ALT+C
           alert("ALT+C");
        }     
    });
});

キーコード

1
Jithu

ctrlKey というブール値プロパティがあり、ここで使用できるはずです...

$(document).keypress(function(e) { 
   alert("Ctrl is pressed: " + e.ctrlKey); 
}); 
1
Josh Stodola

使用する event.keyとモダンJS!

$(document).keypress(function(event) {
    if (event.key === "r" && event.ctrlKey) {
        // Do something
    }
});

またはjQueryなし:

document.addEventListener("keypress", function onEvent(event) {
    if (event.key === "r" && event.ctrlKey) {
        // Do something better
    }
});

Mozilla Docs

サポートされているブラウザ

1
Gibolt
@HostListener('window:keydown', ['$event'])
  keyEvent(event: KeyboardEvent) {

   if (event.ctrlKey && event.keyCode == 82)
    {

    }
  }
0
M.S. Murugan

のキーコード Ctrl キーは11

$(document).keypress(function(e) { 


  alert("Ctrl is pressed: " + e.ctrlKey); 
}); 
0
Rahul Kumar

Asciiコードを使用して、文字と文字を検索することもできます

$('html').keydown(function (e) {
     keydownfunc(e);
});
function keydownfunc(e) {
   if (e.ctrlKey && (e.key === "r" || e.key === "R")) {
       alert("ctrl+R");
   }
    }
0
Aravinthan