入力ボックスのキーをブロックし、数字のみを入力できるようにする js コード例

この記事では、入力ボックスのキーをブロックして数字のみ入力できるようにするjsサンプルコードを中心に紹介します。困っている友達はここに来て参考にしていただければ幸いです。

<script language="javascript">
function GetInput(){//屏蔽非数字和非退格符
    var k = event.keyCode;   //48-57是大键盘的数字键，96-105是小键盘的数字键，8是退格符←
    if ((k <= 57 && k >= 48) || (k <= 105 && k >= 96) || (k== 8)){
     return true;
    } else {
     return false;
    }
}
function Set(obj){
   //即时处理输入框的内容,比如进行某些运算
}
</script>

<input type=&#39;text&#39; value=&#39;1&#39; onkeydown=&#39;return GetInput()&#39; onkeyup=&#39;Set(this)&#39; >

技術的な要点: onkeydown イベントが onkeyup イベントの前にトリガーされます。onkeydown イベントが false を返すと、onkeyup イベントはトリガーされません。入力ボックス ユーザーが今押した文字は存在しないため、特定の文字をブロックするという目的は達成されます。このイベントのトリガー原理を理解した後、さらに考えを拡張する必要があります (たとえば、いくつかのマウス イベントにもそのようなメカニズムがあります)...

上記は、この章のコンテンツ全体です。