主页 / 问题 / 662001
Accepted
perfect
Asked:2020-05-04 23:19:19 +0000 UTC2020-05-04 23:19:19 +0000 UTC

如何设置一个通用事件来改变任何表单元素的值？

  • 772

有一个包含各种输入元素的表单。当更改任何元素中的值时，只需要捕获此表单内部更改值的事实。如何以简单的方式做到这一点，以免在每个元素上挂起一堆处理程序？

javascript

1 个回答

  1. Best Answer

    是这样的：

    function handler(event) {
  console.log(event.type, event.target)
}

var form = document.querySelector('form')

form.addEventListener('input', handler)
form.addEventListener('change', handler)
    <form>
  <input type=text>
  <input type=checkbox>
  <input type=radio name=a>
  <input type=radio name=a>
  <input type=radio name=a>
  <select><option>1<option>4<option>3</select>
  <textarea></textarea>
</form>

    • 1

相关问题