input框设置onInput事件只能输入数字，能兼容火狐IE9

最新推荐文章于 2024-02-20 08:27:16 发布

weixin_33858249

最新推荐文章于 2024-02-20 08:27:16 发布

阅读量1.7k

点赞数

文章标签： javascript ViewUI

本文介绍了HTML5标准事件onInput()的基本用法及其与onchange事件的区别，并通过一个使用正则表达式限制输入框只能输入数字的小例子进行演示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用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>