在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分配一个唯一标识符：

<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.