如何在事件處理程序中訪問對象和元素

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; 
}