在keyup/click上查找表单的ID和值

我有一个表单有几种不同类型的输入(复选框,文本,数字等)我希望能够找到用户点击/键入的表单的当前元素的ID和他们输入的值.

我目前正在使用令人惊讶undefined的价值.我真的不知道从哪里开始(我不想使用jQuery)

HTML

           
               

        

        

        Email Signup Format:
        
            Plain Text
            HTML
        

        Cars owned:
        I have a mini.
        I have a motorbike.
        I have a thundercar.
        I have a brum.
        I have a roadrunner.

       SUBMIT

JavaScript

var form = document.getElementById("myForm");

form.addEventListener("keyup", store);
form.addEventListener("click",store);

function store() {
  console.log(this.id);
  console.log(this.value);
}

adeneo.. 6

将事件绑定到表单并依赖事件的冒泡时,this将是事件处理程序内的表单.

要获得事件被触发的元素,你会使用event.target,而不是

function store(event) {
    console.log(event.target.id);
    console.log(event.target.value);
}

小提琴

1> adeneo..：

---

将事件绑定到表单并依赖事件的冒泡时,this将是事件处理程序内的表单.

要获得事件被触发的元素,你会使用event.target,而不是

function store(event) {
    console.log(event.target.id);
    console.log(event.target.value);
}

小提琴

---

@Rajesh`currentTarget`将与`this`相同

---

`currentTarget`是事件处理程序附加到的元素,在本例中也是表单元素,而不是`event.target`,它标识事件发生的元素,这似乎是OP想要的