一聚教程网:一个值得你收藏的教程网站

热门教程

在HTML中限制input输入框只能输入纯数字实现代码

时间:2022-06-25 17:52:45 编辑:袖梨 来源:一聚教程网

本篇文章小编给大家分享一下在HTML中限制input输入框只能输入纯数字实现代码,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。

限制input输入框只能输入纯数字

1、onkeyup = "value=value.replace(/[^d]/g,'')"

使用onkeyup事件,有bug,那就是在中文输入法状态下,输入汉字之后直接回车,会直接输入字母

2、onchange = "value=value.replace(/[^d]/g,'')"

使用onchange事件,在输入内容后,只有input丧失焦点时才会得到结果,并不能在输入时就做出响应

3、oninput = "value=value.replace(/[^d]/g,'')"

使用oninput事件,完美的解决了以上两种问题,测试暂时还没有出现其它问题。

代码示例




    
    input


    只能输入纯数字的输入框:

热门栏目