Javascript - 如何获取触发事件的元素

Question

Using the sample code from W3schools I am trying to set up a single event handler that will fire when any of multiple 'input' elements in a form are changed. After many attempts I have the following:

 var s = document.getElementById("add_data"); document.getElementById("add_data").addEventListener("change", function() { field_check(p1, p2); });

located at the end of the HTML, and after the form is created.
(add_data is the name of the form that contains many 'input' elements as children. What I want is to receive the name parameter As I understand it, p1 and p2 should contain the event and the name of the field that fired the event. Instead I get a reference error, "p1 is not defined" from the event handler. On search I have found many convoluted solutions to this question, some of which I don't understand, but none that actually solve my problem. What am I doing wrong?

Answer 1

You mean to do

var s = document.getElementById("add_data");
s.addEventListener("change", function(event) {
  field_check(event, event.target.name);
});

or even simpler

document.getElementById("add_data").addEventListener("change", field_check);

and have

function field_check(event) {
  console.log(event.target.name);
}