您的位置:首页
input框设置onInput事件只能输入数字,能兼容火狐IE9
2017-06-13 15:33
701 查看
使用onInput()事件
onInput()是 HTML5 的标准事件,对于检测 textarea, input:text, input:password 和 input:search 这几个元素通过用户界面发生的内容变化非常有用,在内容修改后立即被触发,不像 onchange 事件需要失去焦点才触发。onInput() 事件在主流浏览器的兼容情况如下:
一个小例子:使用正则表达式,非数字就替换为空。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> </head> <script type="text/javascript"> function keypress(_this){ _this.value = _this.value.replace(/[^0-9]/g, ''); } </script> <body> <input type="text" onInput ="keypress(this)" /> </body> </html>
相关文章推荐
- input框设置onKeypress事件只能输入数字(兼容火狐和IE9)
- HTML中input只能输入数字(键盘抬起和粘贴事件)
- 设置自定义input框内只能输入数字
- input的onchange事件 及只能输入数字实现
- input为number的时候设置只能输入数字的正则
- input校验数字且自动跳转下一个input框输入,监听backspace事件
- html 中 input 只能输入中文或数字
- input 只能输入数字
- DataGridView Keypress事件只能输入数字
- 设置TextEdit只能输入数字和小数点
- QLineEdit 设置其只能输入数字
- 键盘事件只能输入数字和FileUpload选中预览图片
- 设置页面文本框 只能输入数字的js方法
- input只能输入数字和小数点
- 如何使用javascript控制html中的input文本框只能输入数字
- 兼容firefox的文本框只能输入两位小数的数字的代码
- 设置文本框只能输入数字
- JS控制文本框只能输入数字,兼容FF
- 限制HTML的input只能输入数字、英文、汉字...
- 只能输入数字的文本框(兼容IE和FF)