Event 物件
HTML DOM 中的所有事件物件都基於 Event 物件。
所有事件物件(如 MouseEvent 和 KeyboardEvent)都可以訪問 Event 物件的屬性和方法。
Event 物件事件
| 事件 | 發生時間 |
|---|---|
| abort | 媒體載入被中止 |
| afterprint | 頁面已開始列印 |
| beforeprint | 頁面即將被列印 |
| beforeunload | 文件即將被解除安裝之前 |
| canplay | 瀏覽器可以開始播放媒體(已緩衝足夠開始播放) |
| canplaythrough | 瀏覽器可以播放媒體而無需停止緩衝 |
| change | 表單元素的內容已更改 |
| ended | 媒體已到達末尾(“感謝收聽”) |
| error | 載入檔案時發生錯誤 |
| fullscreenchange | 元素以全屏模式顯示 |
| fullscreenerror | 元素無法以全屏模式顯示 |
| input | 元素獲取使用者輸入 |
| invalid | 元素無效 |
| load | 物件已載入 |
| loadeddata | 媒體資料已載入 |
| loadedmetadata | 元資料(如尺寸和持續時間)已載入 |
| message | 透過事件源收到訊息 |
| offline | 瀏覽器開始離線工作 |
| online | 瀏覽器開始線上工作 |
| open | 與事件源的連線已開啟 |
| pause | 媒體暫停 |
| play | 媒體已開始或不再暫停 |
| playing | 媒體在暫停或緩衝後正在播放 |
| progress | 瀏覽器正在下載媒體資料 |
| ratechange | 媒體的播放速度已更改 |
| resize | 文件檢視已調整大小 |
| reset | 表單已重置 |
| scroll | 捲軸正在滾動 |
| search | 搜尋欄位中已輸入內容 |
| seeked | 跳到新位置已完成 |
| seeking | 跳到新位置已開始 |
| select | 使用者選擇了一些文字 |
| show | <menu> 元素作為上下文選單顯示 |
| stalled | 瀏覽器正在嘗試獲取不可用的媒體資料 |
| submit | 表單已提交 |
| suspend | 瀏覽器故意不獲取媒體資料 |
| timeupdate | 播放位置已更改(使用者移動到媒體中的不同點) |
| toggle | 使用者開啟或關閉 <details> 元素 |
| unload | 頁面已解除安裝 |
| waiting | 媒體已暫停,但預計會恢復(例如,緩衝) |
| volumechange | 媒體的音量已更改(包括靜音) |
HTML DOM 中的所有事件物件都基於 Event 物件。
所有事件物件(如 MouseEvent 和 KeyboardEvent)都可以訪問 Event 物件的屬性和方法。
事件屬性和方法
| 屬性/方法 | 描述 |
|---|---|
| bubbles | 返回特定事件是否是冒泡事件 |
| cancelBubble | 設定或返回事件是否應在層次結構中傳播 |
| cancelable | 返回事件是否可以阻止其預設操作 |
| composed | 返回事件是否合成 |
| createEvent() | 建立一個新事件 |
| composedPath() | 返回事件路徑 |
| currentTarget | 返回其事件監聽器觸發事件的元素 |
| defaultPrevented | 返回是否為該事件呼叫了 preventDefault() 方法 |
| eventPhase | 返回當前正在評估的事件流階段 |
| isTrusted | 返回事件是否受信任 |
| preventDefault() | 如果事件可取消,則取消事件,這意味著事件所屬的預設操作將不會發生 |
| stopImmediatePropagation() | 阻止同一事件的其他監聽器被呼叫 |
| stopPropagation() | 阻止事件在事件流期間進一步傳播 |
| target | 返回觸發事件的元素 |
| timeStamp | 返回事件建立時的時間(相對於紀元的毫秒數) |
| type | 返回事件的名稱 |