「jQuery入門」keydown()でキーコードを判定するサンプル

2021年3月17日

書式
$(selector).keydown(function(event
使用例

<input id="cft" type="text" value="" maxlength="1" autocomplete="off">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$("#cft").keydown(function(event) {
      if (event.key === "Shift"){
            console.log("shiftキーが押されました");
      }
      if (event.key === "Control"){
            console.log("ctrlキーが押されました");
      }
      if (event.key === "Enter"){
            console.log("Enterキーが押されました");
      }
      if (event.key === "Alt"){
            console.log("altキーが押されました");
      }

});
</script>