输入框内只能输入数字，输入其他内容不显示

最新推荐文章于 2024-02-27 21:12:06 发布

小白变怪兽

最新推荐文章于 2024-02-27 21:12:06 发布

阅读量2.9k

点赞数 1

分类专栏： javascript 文章标签： javascript Event-retu 只能输入数字

本文链接：https://blog.csdn.net/u013558749/article/details/51890068

版权

javascript 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

JavaScript中Event.returnValue属性：

该属性是设置或者获取事件的返回值，Event对象的returnValue属性的值一般是true，即脚本处理完自己的工作后由元素处理事件。通过该属性可以取消事件处理程序中调用函数的默认操作。

而要实现输入框内只能输入数字就需要利用这个属性。

代码如下：

<input type="text" style="ime-mode:disabled;" onpaste="return false;"  onkeypress="keyPress()" />
        <script src="js/lib/jquery-1.7.2.min.js" charset="utf-8"></script>
        <script type="text/javascript">

            function keyPress() {
                 var keyCode = event.keyCode;
                 if ((keyCode >= 48 && keyCode <= 57))
                {
                     event.returnValue = true;
                 } else {
                     event.returnValue = false;
                }
             }

        </script>