整个表格onChange

Question

我如何onChange为所有form元素使用或类似的事件？我不想onChange单独使用每个字段.

Answer 1

如果您使用的是jQuery,则可以change在表单元素上使用该事件,因为在jQuery中事件会冒泡.

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

如果您使用普通的javascript,则更改事件不会冒泡(至少不会跨浏览器).因此,您必须将事件处理程序分别附加到每个输入元素:

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

(当然,你必须对所有选择和textareas做类似的事情)

Answer 2

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

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