工具用的順手嗎?
你的回饋能幫助我們做得更好
前端開發者快速查閱JS事件名稱、分類及瀏覽器相容性參考的線上手冊。
這是本地維護的靜態參考表,不代表即時官方名錄、現行政策或完整收錄。未標明原始來源和更新時間的紀錄,應按未核實資料使用。
63條歷史JavaScript事件記錄,含舊IE/Netscape相容欄位。不是現代瀏覽器完整相容表;記錄原文保留。
概覽
了解工具能解決的問題、計算或處理邏輯,以及資料邊界。
這個頁面是一份靜態事件名稱索引,列出 63 筆記錄,依一般、頁面、表單、編輯、資料繫結等類別整理。每列可查看分類、事件名稱、瀏覽器標記與簡短說明,適合遇到舊網頁程式碼中的 onclick、onload 或 onsubmit 時,先確認名稱和表內描述。它是查表參考,不會替程式碼執行事件,也不會測試瀏覽器支援狀況。
表格中的 IE、Netscape 版本文字屬於歷史資料標記,不能當作目前 Chrome、Safari、Firefox 或 Edge 的相容性結果。清單也包含早期或特定環境的項目,所以 63 筆並非現代網頁事件的完整目錄。若要判斷某個事件今天能否用在指定元素,仍須核對該元素與事件的現行文件。
onclick 和 click 為何寫法不同名稱前綴常令人混淆:onclick 可指事件處理器屬性或 HTML 屬性;透過 addEventListener() 註冊時,事件型別通常寫成 click。同理,onload 對應的型別字串是 load。這是名稱形式的對照,不代表表內每一個舊項目都有現代等價事件。
element.addEventListener("click", handler)WHATWG DOM Standard 說明事件目標與監聽器的註冊機制;MDN 也整理 DOM 事件及 on 前綴處理器。實際選用時,要確認事件會由哪個目標發出,以及事件型別是否適用於該目標。
指南
依步驟完成操作,並透過範例核對輸入與結果。
在搜尋欄輸入 onclick、onmouseover 等完整名稱,也可試輸入「表單」或「剪貼」等描述中的文字。搜尋會比對表格文字;如果結果為空,先檢查拼字,再改用較短的關鍵字。查不到只表示這份清單沒有符合的列,不能據此證明該事件不存在。
找到結果後,對照分類與說明理解用途;「瀏覽器支援」欄的 IE、Netscape 記號是歷史標註。需要按分類或事件名稱排列時,可點選欄位標題排序;也能調整欄位顯示,或用前後頁瀏覽其餘項目。
若要在新程式中監聽點擊,常見型別字串是 click,例如 element.addEventListener("click", handler)。不要只把表內名稱刪去 on 就直接套用;先查明事件目標、支援情形與預期觸發時機。
若正在維護舊頁面,可用完整 on* 名稱定位歷史說明,再沿著現行規格檢查遷移方式。若是學習事件處理器命名,則可比較 onchange 與 change 這類寫法差別。若目的是確認瀏覽器相容性或事件觸發順序,這張表不會提供測試結果;應改查規範和瀏覽器文件,並以實際目標元素為範圍驗證。
情境
查看這項工具在不同工作與生活流程中的用法。
接手舊頁面時遇到 onreadystatechange 或 onbeforecopy,先用搜尋定位條目,了解清單所記的歷史描述,再查現行技術文件判斷是否需要改寫。
初學者可對照 onclick 與 click,分辨處理器屬性形式和監聽器使用的事件型別字串,避免在 API 參數中混用名稱。
團隊討論某個事件名稱時,可先確認拼法、分類和舊記錄的說明,再共同核對元素、觸發條件與現行支援資料。表格提供的是索引線索,不是除錯或相容性測試結果。
須知
使用前了解適用範圍、結果限制與必要提醒。
推薦
查找相關工具、專題與可用的 API 能力。