如何在事件处理程序中访问对象和元素

Question

有没有办法将元素和实例传递给事件处理程序回调？

listNotes(key, value){ 
      this.allnotes.insertAdjacentHTML('beforeend', this.constructor.userNoteTemplate(key, value)) 
      this.totalNotes(); 
      let note = document.querySelector(`#note-${key}`); 
      note.addEventListener("click", this.deleteNote.bind(this)); 
    } 

deleteNote(){ 
     let instance = this; 
     let element = ?// I want the element details also 
    } 

Answer 1

事件处理程序传递一个event object，让您访问各种信息，其中包括the element the handler is bound to：

deleteNote(event){ 
    let instance = this; 
    let element = event.currentTarget; 
}