web-dev-qa-db-ja.com

特定のキーのキーコードを見つける方法

特定のキーを押したときのキーコードを見つける最も簡単な方法は何ですか？

重要なイベントをキャプチャしてコードを表示するだけの優れたオンラインツールはありますか？

Webブラウザを搭載したモバイルデバイスで特殊キーのキーコードを探してみたいので、オンラインツールがあれば便利です。

javascriptjqueryeventskeyboardkeyboard-events
10
Acorn
    $(function () {
      $(document).keyup(function (e) {
         console.log(e.keyCode);
      });
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

これがあなたのオンラインツールです。

15
Bertrand Marron

ただググって 結果

function displayunicode(e) {
  var unicode = e.keyCode ? e.keyCode : e.charCode;
  console.log(unicode);
}
<form>
  <input type="text" size="2" maxlength="1" onkeyup="displayunicode(event); this.select()" />
</form>
4
Ahmet Kakıcı

のように、どのキーボードイベントがどのキーが押されたかに基づいて報告します

  $("#textinput").keydown(function(e) {
    e.keyCode; // this value
  });

すべての主要なイベントについてここで試してください および これらはモバイルの主要なイベントです

3
sri_bb

http://www.quirksmode.org/js/keys.html の下部には、選択したキーボードイベントで押したキーのキーコードが表示されます。

2
kennytm

これを試して：

$('#myelement').keydown(function(event) {
  var code = event.keyCode;
  alert(code);
}
1
Aaron Hathaway

KeyCodeのみを探している場合は、基本的にkeypressイベントを取得する必要はありません。文字をkeyCodeに、またはその逆に変換するだけです。

Char to KeyCode、たとえばA _("A").charCodeAt(0)_は65を返します。 Here の構文です。

キーコードが必要な文字、たとえば「ABCDEFGH」がすでにわかっている場合は、ループだけですべてのキーコードを取得できます。

_var text = "ABCDEFGH";
for (var i=0; i< text.length; i++){
        console.log(text[i] ,text.charCodeAt(i))
}_

キーボードでshif、ctrl、またはAltキーのキーコードを取得するためにこのメソッドが使用されないことは明らかです。キープレスイベントを使用する上記のメソッドに固執する必要がある場合です。

参考までに、keyCodeをCharに変換するには、次のようにします。String.fromCharCode(65)はAを返します。

1
Mohammad Musavi

あまりにも多くのキーコードをハードコーディングしないようにしてください。可能な限り、JSライブラリに変換させてください。

var code = ev.keyCode,
    ascii = String.fromCharCode(code);
alert(ascii);
1
alsuren

ぜひお試しください。

$('input').on('keyup', function(e){
   var key_code = e.which || e.keyCode;
   console.log(key_code );
});

より良いヘルプが必要な場合は、以下のリンクをたどってください http://www.w3schools.com/jsref/event_key_keycode.asp

1
Banty Roy

バニラJavaScript +アラート：

document.addEventListener('keypress', function(e) {
  alert("Key: " + e.code + ", Code: " + e.charCode)
});

バニラJavaScript +コンソール：

document.addEventListener('keypress', function(e) {
  console.log("Key: " + e.code + ", Code: " + e.charCode)
});
0
Chen Huang