onkeydown限定输入

最新推荐文章于 2021-11-13 18:05:40 发布

原创最新推荐文章于 2021-11-13 18:05:40 发布 · 365 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

73 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面使用JavaScript限制了输入框内的输入为数字。通过监听键盘事件并检查按键代码来实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>限定输入</title>
    <style type="text/css">
        *{
            padding: 0;
            margin: 0;
        }

        input{
            display: block;
            width: 300px;
            height: 30px;
            margin: 60px auto;
        }
    </style>
</head>
<body>
    <input type="text"  id="num" value="" />
</body>
<script type="text/javascript">
    (function(){
        var oNum = document.getElementById('num');
        oNum.onkeydown = function(e){
            var e = e||event;
            if(e.keyCode == 8 ){
                return true;
            }else if(e.keyCode==37){
                return true;
            }else if(e.keyCode==39){
                return true;
            }else if(e.keyCode==46){
                return true;
            }else if(e.keyCode>=48&&e.keyCode<=57){
                return true;
            }else{
                return false;
            }
        }

    })()
</script>
</html>