입력 상자의 키를 차단하고 숫자만 입력할 수 있는 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 이벤트가 트리거되지 않습니다. 입력 상자에는 사용자가 방금 누른 문자가 없으므로 특정 문자를 차단하는 목적이 달성됩니다. 이 이벤트의 트리거 원리를 이해한 후에는 생각을 확장해야 합니다(예를 들어 여러 마우스 이벤트에도 이러한 메커니즘이 있습니다)... >

위 내용은 이 장의 전체 내용입니다. JavaScript 비디오 튜토리얼을 방문하세요.