JavaScript：带有默认上下文菜单的自定义小部件

Question

我创建了一个用于打开链接的自定义按钮/小部件。但它没有常规超链接所具有的上下文菜单选项。

CSS：

span.button {
  display: inline-block;
  border: solid;
  border-radius: 5px;
  padding: 5px;
  background-color: #ffffff1f;
}

span.button:hover {
  cursor: pointer;
  background-color: #ffffffff;
}

html:

<span class="button" onclick="onNavButton('http://example.org/')">Example Button</span>

javascript：

window.onNavButton = function(href="/") {
  document.location.href = href;
};

我希望上下文菜单具有浏览器的选项，用于在新选项卡、新窗口中打开链接、将链接复制到剪贴板等。是否有显示与超链接相关的上下文菜单的标准调用？或者我是否必须为我的站点创建一个完全自定义的站点？我正在使用普通的 JavaScript。但是，如果需要，我可以学习使用扩展程序。

附带说明一下，当鼠标悬停在小部件上时，是否可以在浏览器的状态栏中显示目标 URL，就像普通超链接的处理方式一样？

编辑：这可能会在这里.

Answer 1

答案是就在这里.

元素必须包裹在带有

href

的锚标签中。不幸的是，一旦点击，它会将整个元素标记为“已访问”。但可能有一种方法可以禁用它。