html input事件
时间: 2023-07-05 14:05:51 浏览: 151
HTML的事件
HTML 中的 input 事件是指在用户输入内容时触发的事件。当用户在一个输入框中输入内容时,可以通过 input 事件来捕获该输入框的值,并在值改变时执行相应的操作,比如验证输入值的合法性、实时显示输入框的字数、动态更新页面内容等。
input 事件的语法如下:
```html
<input type="text" oninput="myFunction()">
```
其中,oninput 属性指定输入框内容发生变化时要执行的 JavaScript 函数。在该函数中,可以通过 this.value 获取输入框的值,从而对输入内容进行处理。
例如,下面的代码实现了一个实时统计输入框中字符个数的功能:
```html
<input type="text" oninput="countChars()">
<p>已输入 <span id="charNum">0</span> 个字符</p>
<script>
function countChars() {
var charNum = document.getElementById("charNum");
charNum.innerText = event.target.value.length;
}
</script>
```
当用户输入内容时,会触发 countChars 函数,该函数获取输入框的值的长度,并将其更新到页面中的元素中。
阅读全文