事件對象是在事件被觸發時自動創建的對象,它包含了與事件相關的信息,比如事件的類型、觸發的元素、鼠標點擊的坐標等等。在JavaScript中,事件對象是由瀏覽器自動創建并傳遞給事件處理函數的,開發人員可以通過訪問事件對象來獲取有關事件的詳細信息,以便根據需要采取適當的行動。
事件對象通常被用來執行以下操作:
1.取消事件的默認行為
2.阻止事件的冒泡或捕獲
3.獲取與事件相關的數據
在事件處理函數中,可以通過 event 或 e 參數來引用事件對象,比如:
function handleClick(event) {
console.log(event.type); // 打印事件類型
console.log(event.target); // 打印觸發事件的元素
event.preventDefault(); // 取消事件的默認行為
event.stopPropagation(); // 阻止事件的冒泡或捕獲
}
在這個例子中,handleClick 函數接收一個 event 參數,用于訪問事件對象中的屬性和方法。其中 event.type 和 event.target 分別獲取事件的類型和觸發事件的元素,event.preventDefault() 和 event.stopPropagation() 分別用于取消事件的默認行為和阻止事件的冒泡或捕獲。