所有“a元素”上的自定义右键菜单

要在所有"a元素"上添加自定义右键菜单，可以使用以下代码示例：

HTML代码：

<a href="#" class="custom-menu-item">菜单项1</a>
<a href="#" class="custom-menu-item">菜单项2</a>
<a href="#" class="custom-menu-item">菜单项3</a>

CSS代码：

.custom-menu {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 5px;
}

.custom-menu-item {
  display: block;
  padding: 5px;
  cursor: pointer;
}

.custom-menu-item:hover {
  background-color: #f0f0f0;
}

JavaScript代码：

// 创建自定义右键菜单
var customMenu = document.createElement('div');
customMenu.className = 'custom-menu';
customMenu.innerHTML = `
  <div class="custom-menu-item">菜单项1</div>
  <div class="custom-menu-item">菜单项2</div>
  <div class="custom-menu-item">菜单项3</div>
`;

// 将自定义右键菜单添加到页面
document.body.appendChild(customMenu);

// 给所有"a元素"绑定右键菜单事件
var aElements = document.querySelectorAll('a');
aElements.forEach(function(aElement) {
  aElement.addEventListener('contextmenu', function(e) {
    e.preventDefault();
    customMenu.style.display = 'block';
    customMenu.style.left = e.pageX + 'px';
    customMenu.style.top = e.pageY + 'px';
  });
});

// 点击其他地方隐藏自定义右键菜单
document.addEventListener('click', function() {
  customMenu.style.display = 'none';
});

这段代码会为所有"a元素"添加右键菜单功能。用户右键点击"a元素"时，会显示自定义右键菜单，点击页面其他地方会隐藏右键菜单。自定义右键菜单的样式可以通过CSS进行修改。