纯JS实现只能输入数字

来源：互联网发布：画图软件下载官方网站编辑：程序博客网时间：2024/06/05 14:35
只能输入数字

<!DOCTYPE html><html lang="en">    <head>        <title></title>        <meta charset="UTF-8">        <meta name="viewport" content="width=device-width, initial-scale=1">        <link href="css/style.css" rel="stylesheet">    </head>    <script>        addEvent(window,'load',function(){            var fm = document.getElementById('myForm'); //使用ID获取<form>元素            var content = fm.elements['content'];            //只能输入数字            addEvent(content,'keypress',function(evt){                var e = evt || window.event;                var charCode = getCharCode(evt);                // alert(charCode); 获取按键编码                //正则表达式来获取文本是否为数字                if(!/\d/.test(String.fromCharCode(charCode)) && charCode > 8){                    preDef(evt);    //屏蔽掉非数字键盘的输入                }            });            //只能输入数字 验证数据非法后取消输入            addEvent(content,'keyup',function(evt){                this.value = this.value.replace(/[^\d]/g,'');   //非数字键转换为空            });        });        // 所需要的封装函数        //跨浏览器添加事件        function addEvent(obj,type,fn){            if(obj.addEventListener){                obj.addEventListener(type,fn,false);            }else if(obj.attachEvent){                obj.attachEvent('on' + type,function(){                    fn.call(obj);                });            }        }    </script>    <body>        <form id="myForm" name="yourForm">            <textarea name="content">textarea</textarea>        </form>    </body></html>
阅读全文
0 0