javascript - 在所有输入字段的 div 上应用 onChange 事件

Question

您好，实际上我有一个 div 标签，其中有多种形式。我想要的是在每个输入字段的 div 上应用 onChange 事件。目前我正在尝试这个

将表单类应用于每个表单并获取 onchange 事件

$('.form :input').change(function(e){
   console.log("Element changed");
});

但我无法获得更改了哪些字段以及更新后的值是多少的信息。

那么我可以将它应用到 div 本身吗？如果不是，如何获取更改的字段信息。

Answer 1

试试这个:

$(function(){
   $('.form :input').change(function(e){
      console.log($(e.target).attr('id'));
   });
});

这里 e.target 是你的当前元素，它得到了 change 的事件。

---

根据您的评论:

我们如何判断更改了哪个字段。

您需要为所有输入类型文本分配一个唯一标识符:

<input type='text' id='a'>
<input type='text' id='b'>
   ..................

然后使用这个:

$('.form :input').change(function(e){
   $('#log').prepend('<p>Form changed ' + $(e.target).attr('id') + '</p>')
});

A demo of your fiddle here.