要正確使用addEventListener
綁定事件,請遵循以下步驟:
document.querySelector()
或document.getElementById()
等方法來選擇元素。const element = document.querySelector('#myElement');
click
)、懸停事件(mouseover
)等。const eventType = 'click';
function handleClick() {
alert('Element clicked!');
}
addEventListener
方法綁定事件:最后,使用addEventListener
方法將事件類型和要執行的函數綁定到所選元素。element.addEventListener(eventType, handleClick);
將所有步驟放在一起,完整的示例代碼如下:
const element = document.querySelector('#myElement');
const eventType = 'click';
function handleClick() {
alert('Element clicked!');
}
element.addEventListener(eventType, handleClick);
現在,每當用戶點擊ID為myElement
的元素時,都會彈出一個警告框顯示“Element clicked!”。