addEventListener()方法用于向HTML元素添加事件監聽器。它可以在特定事件發生時執行指定的函數。通過這個方法,您可以為不同的事件添加多個事件處理函數,并且可以在運行時動態地添加和移除事件處理函數。
這個方法非常有用,因為它允許您以編程的方式為用戶交互或其他事件定義響應行為。例如,您可以使用addEventListener()方法來捕獲按鈕的點擊事件,并在按鈕被點擊時執行某些操作。您還可以使用它來捕獲鍵盤按鍵事件、鼠標移動事件等。
addEventListener()方法有三個參數:
事件類型:表示要監聽的事件類型,如"click"、"keydown"等。
事件處理函數:表示事件觸發時要執行的函數。
可選的捕獲/冒泡:表示事件是在捕獲階段還是冒泡階段觸發,默認為false,即在冒泡階段觸發。
使用addEventListener()方法,可以更靈活地管理事件處理程序,而不是將它們直接寫在HTML標簽的屬性中。這樣可以提高代碼的可讀性和可維護性,并且可以避免同一個事件上添加多個處理函數時的命名沖突。