上下文菜单

Context Menu

也叫Right-click MenuShortcut Menu右键菜单NSMenu

通过右键或长按，在目标附近显示与当前对象相关的操作。

Shows object-specific actions near a target after right-click or long-press.

ANATOMY & USAGE

结构与使用建议

组成部分

调用目标
定位菜单
上下文操作项

适合使用

桌面式界面需要为选中对象提供快捷操作时。

不建议使用

关键操作只能从此处访问或移动端缺少可发现入口时。

键盘与无障碍

同时提供可发现的按钮入口；支持 Shift+F10/Menu 键、键盘导航与 Escape。

DESCRIBE IT TO AI

这样告诉编程助手

实现上下文菜单（Context Menu）：通过右键或长按，在目标附近显示与当前对象相关的操作。

MINIMAL RUNNABLE CODE

可复制代码

原生与 React 两套实现，不依赖第三方组件库。

READ ONLY · SAFE TO COPY

<div class="demo" id="target" tabindex="0">右键点击或按 Shift+F10
  <div role="menu" hidden>
    <button role="menuitem">复制</button>
    <button role="menuitem">删除</button>
  </div>
</div>