如何使用JavaScript实现当用户右键点击时，显示一个自定义的div弹出菜单？

在JavaScript中，你可以通过监听鼠标事件`contextmenu`来实现用户右键点击时显示自定义div弹出菜单。下面是一个简单的示例：

// 首先，创建一个div元素作为弹出菜单
var customMenu = document.createElement('div');
customMenu.className = 'custom-menu'; // 给它添加样式类
customMenu.innerHTML = '<ul>' +
  '<li>选项1</li>' +
  '<li>选项2</li>' +
  '<li>选项3</li>' +
'</ul>'; // 可以根据需要添加更多的菜单项

// 然后，给body添加contextmenu事件处理器
document.body.addEventListener('contextmenu', function(e) {
  e.preventDefault(); // 阻止默认的右键菜单
  customMenu.style.position = 'absolute';
  customMenu.style.top = e.clientY + 'px'; // 设置菜单顶部位置，e.clientY是鼠标点击的Y坐标
  customMenu.style.left = e.clientX + 'px'; // 设置菜单左侧位置，e.clientX是鼠标点击的X坐标
  document.body.appendChild(customMenu); // 将菜单添加到文档中
});

// 当用户点击菜单项时，可以在这里添加对应的处理函数
customMenu.querySelector('li').addEventListener('click', function() {
  console.log('选择了选项：', this.textContent);
});

// 当用户完成操作后，移除菜单
customMenu.addEventListener('mouseleave', function() {
  document.body.removeChild(this);
});

在这个例子中，你需要确保已经有一个`.custom-menu`样式的div定义好了，包含了你想显示的菜单内容。此外，也可以通过CSS来自定义这个div的样式。