為什麼在js中需要添加addEventListener（）？ 1.What? addEventListener(監聽器) EventTarget.addEventListener()方法將指定的監聽器註冊到 EventTarget 上，當該對象觸髮指定的事件時，指定的回調函數就會被執行。事件目標可以 ...
為什麼在js中需要添加addEventListener（）？
1.What?
addEventListener(監聽器)---EventTarget.addEventListener()方法將指定的監聽器註冊到 EventTarget 上，當該對象觸髮指定的事件時，指定的回調函數就會被執行。事件目標可以是一個文檔上的元素 Element、Document 和 Window，也可以是任何支持事件的對象（比如 XMLHttpRequest）。
addEventListener() 的工作原理是將實現 EventListener 的函數或對象添加到調用它的 EventTarget 上的指定事件類型的事件偵聽器列表中。如果要綁定的函數或對象已經被添加到列表中，該函數或對象不會被再次添加。
2.Why ?
關註點分離：使用 addEventListener 將 HTML 結構（內容）與 JavaScript 行為（呈現）分開，使代碼更清晰和易於維護。
靈活性：使用 addEventListener，你可以在同一個元素上附加多個事件監聽器，而不會覆蓋現有的監聽器。這使得處理各種場景變得更加靈活。
無侵入式 JavaScript：通過以編程方式附加事件監聽器，可以使 HTML 標記保持乾凈，不受 JavaScript 代碼的干擾，提高了可讀性和可訪問性。
動態事件處理：你可以在運行時動態地附加事件監聽器，這在處理動態創建或修改的元素時特別有用。
閉包支持：使用 addEventListener 附加的事件監聽器可以輕鬆訪問封閉作用域（閉包）中的變數和函數，從而更容易地管理事件處理程式內的狀態和上下文。
更清晰的錯誤處理：使用 addEventListener 可以更好地處理錯誤，因為事件處理代碼中的錯誤可以更有效地被捕獲和管理，而不像內聯事件處理程式那樣困難。
