介面元件 深入了解 D · 日常用語或特定名稱

Dropdown & Context Menu — Learning Bundle

下拉選單與情境選單(教學組合)

這個教學組合依開啟方式比較選單。下拉選單(Dropdown)從控制項開啟;情境選單(Context Menu)屬於某個物件,通常出現在游標旁。這個組合不是單一標準選單術語。

動手試試看
也有人這樣說 Dropdown & Context Menu — Learning BundleDropdown 與 Context Menu 教學組合選單來源比較右鍵選單課程

動手試試看

下拉選單與情境選單(教學組合)DropdownMenu / ContextMenu

生活中的例子

「更多」按鈕會開啟一般操作;在檔案上按右鍵,則會開啟只屬於該檔案的操作。

主要部分

  1. 01觸發物
  2. 02錨定或模態表面
  3. 03焦點邊界
  4. 04關閉方式

什麼時候用

請依觸發方式和操作物件選擇正確的選單,接著實作相應的鍵盤操作。

什麼時候不要用

不要把表單欄位或網站主要導覽放進指令選單。

程式裡的名稱

DropdownMenu / ContextMenu

上線前要檢查

確認每個成員概念都有自己的名稱與指南,並放在同一個情境中比較。用看得到的規則說明各成員何時適用、哪些組合合理。不可把整組說成單一正式模式,也不可說成能任意互換的做法。

可以直接複製的需求

預期成果:用 下拉選單與情境選單(教學組合) (Dropdown & Context Menu — Learning Bundle) 比較其中不同的概念。說清楚各自邊界,再判斷哪些成員適用、哪些可以一起使用。 使用者情境:「更多」按鈕會開啟一般操作;在檔案上按右鍵,則會開啟只屬於該檔案的操作。 要拆解的教學組合:下拉選單與情境選單(教學組合) (Dropdown & Context Menu — Learning Bundle)。 正式成員指南:下拉指令選單 (Dropdown Menu)、情境選單 (Context Menu) 這項比較的價值:請依觸發方式和操作物件選擇正確的選單,接著實作相應的鍵盤操作。 不可把整組當成單一模式的情況:不要把表單欄位或網站主要導覽放進指令選單。 比較要求:分別列出每個成員概念,說明各自的工作與邊界。把所有成員放進同一個真實情境。指出哪些看得到的訊號會決定採用、組合或排除每個成員。 決策品質:說清楚平台與證據的限制。指出哪些概念可以共存,也要標出錯誤類比、不安全替代,以及應改用其他概念的情況。 驗收條件:讀者能用一句話解釋每個成員,在範例中看出差異,說明採用某個成員或合理組合的理由,並開啟每個成員的正式指南。 證據與限制(證據邊界):這不是正式規範標準。不同來源使用的名稱、範圍和預期做法可能不同。 待確認:目標平台、決策情境、限制,以及採用、組合或排除成員所需的證據。

檢查這份需求

請 AI 程式助手檢查目前如何使用 下拉選單與情境選單(教學組合) (Dropdown & Context Menu — Learning Bundle)。 定義:這個教學組合依開啟方式比較選單。下拉選單(Dropdown)從控制項開啟;情境選單(Context Menu)屬於某個物件,通常出現在游標旁。這個組合不是單一標準選單術語。 正式環境檢查:確認每個成員概念都有自己的名稱與指南,並放在同一個情境中比較。用看得到的規則說明各成員何時適用、哪些組合合理。不可把整組說成單一正式模式,也不可說成能任意互換的做法。 修改程式前,先列出看到的證據、缺口、嚴重程度,以及最小且安全的修正。

D
這個術語有多正式?

日常用語或特定名稱

這可能是常用舊稱、特定公司的用語,或 Vibulary 的分類名稱。來源可能只說明做法或限制,不一定定義這個名稱。

這不是正式規範標準。不同來源使用的名稱、範圍和預期做法可能不同。

適用範圍
只包含來源有說明的內容:正式名稱、定義、互動行為、鍵盤行為、無障礙、平台 API、實作、使用指南
文件狀態
穩定
查證日期
2026-07-30

證據來源與適用範圍

正式來源 · W3C WAI · 穩定 Menu and Menubar Pattern 適用範圍: 正式名稱、定義、互動行為、鍵盤行為、無障礙 本頁用途: 提供背景,不是正式定義 來源涵蓋內容: 正式名稱, 定義, 互動行為, 鍵盤行為, 無障礙 正式來源 · Apple · 穩定 Menus 適用範圍: 正式名稱、定義、平台 API、實作、使用指南 本頁用途: 提供背景,不是正式定義 來源涵蓋內容: 正式名稱, 定義, 平台 API, 實作, 使用指南

自行複製

瀏覽器無法自動複製。請選取下方文字,再自行複製。