JavaScript中的change事件是当用户改变表单元素的值时触发的事件。它可以应用于文本框,单选框,复选框,下拉列表等表单元素。
使用方法
// 为表单元素添加change事件 element.addEventListener('change', function(){ // 事件触发时的操作 });
示例
// 为文本框添加change事件 document.getElementById('textbox').addEventListener('change', function(){ // 获取文本框的值 var value = this.value; // 将文本框的值赋值给另一个文本框 document.getElementById('otherTextbox').value = value; });
应用
- 文本框联动:当文本框中的内容发生变化时,另一个文本框的内容也会随之变化。
- 表单校验:当用户在表单中输入信息时,可以使用change事件来进行校验,确保输入的信息正确。
- 表单提交:当表单中的内容发生变化时,可以使用change事件自动提交表单,以便及时更新表单中的内容。