＜input＞ 实现输入框只能输入数字

本文主要是介绍＜input＞ 实现输入框只能输入数字，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1.使用JS限制 input 输入框只能输入纯数字

　　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＞ 实现输入框只能输入数字的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！