「jQuery」return falseでキー入力を無効化するサンプル

2022年1月28日

環境
jquery 3.6.0
書式
$(セレクタ名).keydown(function(event) {
if (event.key === “Backspace"){処理コード}
return falseでキー入力が無効化されます。
使用例

<input id="userid" type="text" value="山田" maxlength="10" autocomplete="off">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$("#userid").keydown(function(event) {
      if (event.key === "Backspace"){
            alert("Backspaceキーが押下されました");
        //return falseでキー入力が無効化される
            return false;
      }
});
</script>

実行結果
バックスペースキーを押した時は、警告メッセージが表示されます。
テキストボックスに入力した文字を消せません。