<div id="myText" contenteditable="true">
  这是可编辑的文本。
</div>

// 监听contextmenu事件
document.getElementById("myText").addEventListener("contextmenu", function(event) {
  event.preventDefault(); // 阻止默认的上下文菜单显示

  // 创建自定义的上下文菜单
  var contextMenu = document.createElement("div");
  contextMenu.className = "context-menu";
  
  // 添加自定义操作
  var action1 = document.createElement("div");
  action1.innerHTML = "操作1";
  action1.addEventListener("click", function() {
    // 执行操作1的逻辑
  });
  contextMenu.appendChild(action1);
  
  var action2 = document.createElement("div");
  action2.innerHTML = "操作2";
  action2.addEventListener("click", function() {
    // 执行操作2的逻辑
  });
  contextMenu.appendChild(action2);
  
  // 将上下文菜单添加到页面中
  document.body.appendChild(contextMenu);
  
  // 设置上下文菜单的位置
  contextMenu.style.left = event.pageX + "px";
  contextMenu.style.top = event.pageY + "px";
  
  // 监听点击事件，点击其他地方时隐藏上下文菜单
  document.addEventListener("click", function() {
    contextMenu.remove();
  });
});