使用 Javascript 或 jQuery 更改上下文菜单答案

【问题标题】：Changing a context menu with Javascript or jQuery使用 Javascript 或 jQuery 更改上下文菜单
【发布时间】：2013-04-09 16:36:36
【问题描述】：

我想修改右键单击特定项目（tr）的上下文菜单，以显示一些自定义导航选项而不是标准内容。到目前为止，我找到了两种方法：将一些新行为绑定到contextmenu 事件，并根据事件的位置创建一个新的 div/下拉菜单，（即从头开始创建我自己的上下文菜单)，或者使用像 this jQuery plugin 这样的插件来为我做同样的事情。

我想知道是否有一种方法可以使用默认上下文菜单的骨架，只需添加一些绑定到我想要触发的事件的 <a>s 或 divs 代替已经有什么了。有没有办法修改现有的上下文菜单，而不是转储它并从头开始或使用插件构建我自己的？

【问题讨论】：

标签： javascript jquery

【解决方案1】：

有没有办法修改现有的上下文菜单，而不是转储它并从头开始或使用插件构建我自己的？

不，抱歉，浏览器不公开该功能。

【讨论】：

该死的。不是我希望的答案。

【解决方案2】：

可以修改现有的上下文菜单 - 问题只是何时何地。这是HTML5 specification 的一部分，当前版本的 Firefox 支持它。

<menu type="context" id="myVeryOwnMenu">
    <menuitem 
        label="Caption for your item" 
        onclick="veryObtrusiveEventHandler()" 
        icon="/path/to/your/icon.gif">
    </menuitem>
</menu>

...甚至支持嵌套。

Chrome、IE 和其他主流浏览器似乎决定对这个 HTML5 功能不感兴趣。时间会证明一切。

FF 演示请参见http://davidwalsh.name/html5-context-menu。

【讨论】：

这已从 HTML5 中删除，仅在 Firefox 中仍受支持。它被认为已过时，不建议使用。