API 事件子頁面範本
備註:在發布前請刪除此整段說明文字。
頁面前置資料:
頁面頂部的前置內容用於定義「頁面元資料」。這些值應根據特定事件適當更新。
---
title: "NameOfTheParentInterface:NameOfTheEvent 事件"
slug: Web/API/NameOfTheParentInterface/NameOfTheEvent_event
page-type: web-api-event
status:
- experimental
- deprecated
- non-standard
browser-compat: path.to.feature.NameOfTheEvent_event
---
- title
-
顯示在頁面頂部的標題。格式為「父介面名稱:事件名稱 事件」。例如,animationcancel 事件屬於 Window 介面,其標題為
Window:animationcancel 事件。 - slug
-
https://developer.mozilla.org/zh-TW/docs/之後的 URL 路徑。格式為Web/API/父介面名稱/事件名稱_event。 - page-type
-
Web/API 事件的
page-type固定為web-api-event。 - status
-
描述此功能狀態的標記。這是一個陣列,可以包含以下一個或多個值:
experimental(實驗性)、deprecated(已棄用)、non-standard(非標準)。此鍵不應手動設定,而是根據瀏覽器相容性資料自動設置。 - browser-compat
-
替換
path.to.feature.事件名稱_event為 瀏覽器相容性數據庫 中的相應查詢字串。該工具鏈會自動使用此鍵來填充相容性和規範部分(取代{{Compat}}和{{Specifications}}巨集)。
頁面頂部巨集
內容部分的頂部(緊接著前置內容之後)會包含一些自動添加的巨集,無需手動添加或移除:
{{SeeCompatTable}}——此巨集會生成一個這是實驗性技術橫幅,表示該技術為實驗性質。 如果該技術是實驗性的,且在 Firefox 中透過偏好設定隱藏,你還應在 Firefox 實驗功能 頁面中為其填寫條目。{{Deprecated_Header}}——此巨集會生成一個已棄用橫幅,表示該技術的使用已被不建議。{{Non-standard_Header}}——此巨集會生成一個非標準橫幅,表示該功能不屬於任何規範。
需要根據以下建議更新或刪除這些巨集:
{{SecureContext_Header}}——這會產生一個安全上下文橫幅,指示該技術僅在安全性上下文中可用。如果不是,則可以刪除巨集呼叫。如果是,則也應在僅限安全性上下文的功能頁面中填入該巨集所呼叫的條目。{{AvailableInWorkers}}——這會產生一個 Worker 可用註釋,表示該技術在 Worker 上下文中可用。如果它僅在 Window 上下文中可用,則可以刪除此巨集呼叫。如果它也可用或僅在 Worker 上下文中可用,那麼由於它的可用性,你可能還需要向其傳遞參數(有關所有可用值,請參閱 {{AvailableInWorkers}} 巨集原始碼),你可能還需要在 Worker 中可用的 Web API 頁面中為其填入項目。{{APIRef("GroupDataName")}}——這將產生左側參考側邊欄,顯示與目前頁面相關的快速參考連結。例如,WebVR API 中的每個頁面都有相同的側邊欄,指向 API 中的其他頁面。若要為你的 API 產生正確的側邊欄,你需要在我們的 GitHub 倉庫中新增一個 GroupData 條目,並在巨集呼叫中包含該條目的名稱來取代 GroupDataName。有關如何操作的信息,請參閱我們的 API 參考側邊欄指南。
請勿手動新增狀態標頭巨集。請參閱如何新增或更新功能狀態了解如何將這些狀態新增至頁面中。
以下展示了安全上下文、Worker 可用、實驗性、已棄用以及非標準橫幅的範例,這些橫幅將在此說明性註解區塊後顯示。
父物件連結
請從父物件的事件區段添加指向此頁面的連結,例如,Element:wheel 事件 是從 Element 事件連結過來的。
若父物件沒有事件區段,請添加一個。如果這是一個新的事件「類別」,則應在 DOM 事件指南中新增指向父物件此部分的連結。
請記得刪除這整段說明文字後再發布。
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
備註: 此功能可在 Web Worker 中使用。
已棄用: 不推薦使用此功能。雖可能有一些瀏覽器仍然支援它,但也許已自相關的網頁標準中移除、正準備移除、或僅為了維持相容性而保留。避免使用此功能,盡可能更新現有程式;請參考頁面底部的相容性表格來下決定。請注意:本功能可能隨時停止運作。
Non-standard: 此功能尚未標準化。我們不建議在生產環境中使用非標準功能,因為它們的瀏覽器支援有限,且可能變更或被移除。然而,在沒有標準選項的特定情況下,它們可以作為合適的替代方案。
請在頁面內容開頭添加一個簡介段落——首先命名該事件,說明它屬於哪個介面,並描述它的功能。這部分應該儘量用一到兩個簡短的句子來表達。你可以從對應 API 參考頁面中該屬性的摘要中擷取大部分內容。
語法
可使用事件名稱搭配 addEventListener() 方法,或設置事件處理屬性:
addEventListener("NameOfTheEvent", (event) => { })
onNameOfTheEvent = (event) => { }
事件類型
若該事件有特殊類型,請列出其繼承關係;否則,標註為通用事件:
通用的 Event。
或者,例如:
XRSessionEvent。繼承自 Event。
事件屬性
若該事件不是通用的 Event,請列出額外的屬性:
除了下列屬性外,還可以使用父介面 Event 的屬性。
描述
如果你想新增額外的文字(放摘要裡面太長),可加入描述區段,包括:
觸發條件
描述該事件在何種情況下會被觸發。
使用案例
列出該事件的實際應用場景。
範例
即使只有一個範例,標題仍使用「範例」。
範例標題
每個範例都必須有一個 H3 標題(###)來命名該範例。標題應該描述範例的功能。例如,「一個簡單的範例」並沒有說明該範例的任何內容,因此不是一個好的標題。標題應該簡潔明了。如果需要更長的描述,請使用標題後面的段落。
有關如何添加程式碼範例,請參考如何撰寫程式碼範例。
備註:有時你會想要連結到另一個頁面上給出的範例。
情境 1:如果你在本頁面上有一些範例,而在另一個頁面上也有一些範例:
為本頁面上的每個範例新增一個 H3 標題(###),並在最後一個 H3 標題(###)下新增文字「更多範例」,以便你連結到其他頁面上的範例。例如:
## 範例
### 使用 fetch API
Fetch 的範例
### 更多範例
指向其他頁面上的更多範例的鏈接
情境 2:如果你只有其他頁面上的範例,而此頁面上沒有範例:
請勿新增任何 H3 標題;只需在 H2 標題「範例」下直接新增連結即可。例如:
## 範例
有關此 API 的範例,請參見 [fetch() 的頁面](https://example.org/)。
規範
{{Specifications}}
請移除反引號與反斜線來使用此巨集。
瀏覽器相容性
{{Compat}}
請移除反引號與反斜線來使用此巨集。
參見
請包含與當前 API 相關的參考頁面與指南。有關更多指導,請參閱寫作風格指南中的參見部分。
- 相關連結1
- 相關連結2
- 外部連結(年份)