可信的<div>的上下文菜单中的新元素

Question

如何在contenteditable <div>的上下文菜单中添加新元素？

我想添加一个选项＆＃34;显示HTML＆＃34;这将显示div内的原始HTML。

＆＃13;

＆＃13;

document.getElementById("a").oncontextmenu = function() { 
  alert("How to add a new element in the Context menu?"); 
}

＆＃13;

<div id="a" contenteditable="true">Hello you, <strong>right-click</strong> here and see the <a href="#">new option</a> <i>"Show HTML"</i></div>

＆＃13;

＆＃13;

＆＃13;

注意：与this question或this one不同，我不想覆盖正常的上下文菜单并构建新的菜单，但在现有的上下文菜单中添加新元素< /强>：

Answer 1

您无法在所有浏览器中使用此功能。定义上下文菜单项的方法，现在已弃用并从HTML规范中删除。 https://www.w3.org/TR/2016/REC-html51-20161101/interactive-elements.html#context-menus，

https://caniuse.com/#search=contextmenu