只能输入数字的输入框

DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Documenttitle>

<style>

*{

margin:0;

padding:0;

list-style:none;

}

#div1{

border:1px solid black;

width:200px;

height:200px;

display: none;

position:absolute;

left:0;

top:0;

}

</style>

head>

 

<body>

<input type="text" id="txt1">

<script>

var txt1=document.getElementById('txt1');

txt1.onkeydown=function(ev){

var eve=window.event||ev;

alert(eve.keyCode);

if(eve.keyCode!=8 && (eve.keyCode<48||eve.keyCode>57){

return false;

}

//输入框中只能输入数字,其他输入不了

//0~48

//9~57

// if(eve.keyCode<48||eve.keyCode>57){

// return false;

// }

//左右键也被阻止

// 空格键也需要被阻止

}

script>

body>

html>

你可能感兴趣的:(只能输入数字的输入框)