「jQuery入門」keydown()でキー入力を無効化するサンプル

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

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<input id="cft" type="text" value="" maxlength="5" 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 === "Backspace"){
console.log("Backspaceキーが押されました");
return false;
}
});
</script>
<input id="cft" type="text" value="" maxlength="5" 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 === "Backspace"){ console.log("Backspaceキーが押されました"); return false; } }); </script>
<input id="cft" type="text" value="" maxlength="5" 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 === "Backspace"){
            console.log("Backspaceキーが押されました");
            return false;
      }
});
</script>

 

batch

Posted by arkgame