javascript - 整个表格 onChange

Question

如何对所有元素使用onChange或类似的事件？form我不想onChange分别用于每个字段。

Answer 1

您可以在元素上使用change事件：form

var form = document.querySelector('form');
form.addEventListener('change', function() {
    alert('Hi!');
});

Answer 2

如果您使用 jQuery，您可以change在表单元素上使用事件，因为在 jQuery 中事件会冒泡。

$('#formId').change(function(){...});

如果您使用的是纯 JavaScript，则更改事件不会冒泡（至少不会跨浏览器）。因此，您必须将事件处理程序分别附加到每个输入元素：

var inputs = document.getElementsByTagName("input"); 
for (i=0; i<inputs.length; i++){
   inputs[i].onchange = changeHandler;
}

（当然，您必须对所有选择和文本区域做类似的事情）