欢迎大家来到IT世界,在知识的湖畔探索吧!
限制 input 输入框只能输入纯数字
1、onkeyup = "value=value.replace(/[^\d]/g,'')"
欢迎大家来到IT世界,在知识的湖畔探索吧!
使用 onkeyup 事件，有 bug ，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母
欢迎大家来到IT世界,在知识的湖畔探索吧!2、onchange = "value=value.replace(/[^\d]/g,'')"
使用 onchange 事件，在输入内容后，只有 input 丧失焦点时才会得到结果，并不能在输入时就做出响应
3、oninput = "value=value.replace(/[^\d]/g,'')"
使用 oninput 事件，完美的解决了以上两种问题，测试暂时还没有出现其它问题。
代码示例
欢迎大家来到IT世界,在知识的湖畔探索吧!<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>input</title> </head> <body> 只能输入纯数字的输入框: <input type="text" name="" οninput="value=value.replace(/[^\d]/g,'')"> </body> </html>
以上代码均已在谷歌、火狐、百度、UC、IE11、360急速、QQ、Edge浏览器下测试完毕，请放心使用.
————————————————
版权声明：本文为CSDN博主「此去几何」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/w6990548/article/details/79388905
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://itzsg.com/18498.html
