js控制只允许输入数字

最新推荐文章于 2023-11-23 10:25:15 发布

奇横三

最新推荐文章于 2023-11-23 10:25:15 发布

阅读量981

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/fyhjuyol/article/details/48470287

版权

web 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

js 限制文本框只能输入数字：

<html>
<head>
<script type="text/javascript">
function onlyNum() {
    if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))
    if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
  //if(event.keyCode==8)  限制回车键
    event.returnValue=false;
}
 
</script>
</head>
<body>

<form>
<input type="text" οnkeydοwn="onlyNum();" >

<input onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" >
</form>

</body>
</html>

<html>
<head>
</head>
<body>

<form>
<input id="test" type="text">
</form>

</body>
<script type="text/javascript">
function onlyNum() {
    if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))
    if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
    event.returnValue=false;
}

 document.getElementById('test').addEventListener('keydown',onlyNum,false);     
 alert(13123);
</script>
</html>

语法

target.addEventListener(type, listener, useCapture); IE用（ attachEvent ）