「jQuery入門」keydownでキーコードを取得するサンプル

2020年7月25日

説明
keydown(fn)
各要素のkeydownイベントに関数をbindします。

htmlコード
<input id="txtCft" type="text" value="" maxlength="1″ autocomplete="off">
<div id="k1″></div>
<div id="k2″></div>
<div id="k3″></div>
<div id="k4″></div>

JSコード

$("#txtCft").keydown(function(e) {
      const cftA = e.key;
      const cftC = e.keyCode;
      const cftD = e.code;
      const cftE = e.which;
      
      $("#k1").text(cftA);
      $("#k3").text(cftC);
      $("#k4").text(cftD);
    $("#k2").text(cftE);
});