首页 > 解决方案 > Javascript 在右键单击时切换默认和自定义上下文菜单

问题描述

当用户右键单击页面上的某些元素(即表格)时,我想显示自定义上下文菜单。截至目前,我有自定义和默认上下文菜单显示。

function element_right_clicked(sender,e){
if(e.which == 3){
      // code here that displays custom menu
      sender.addEventListener("contextmenu", e => {
        e.preventDefault();
    });
  }
}

我正在寻找一种方法,在显示自定义时不显示默认菜单。

标签: javascriptcontextmenuright-click

解决方案


您好,您可以从事件的 traget 属性中检测到。

window.oncontextmenu = (e) => {
  if (e.target.id === "customdiv") {

    e.preventDefault();
   //Show custom context menu here
  }

}

https://jsfiddle.net/asutosh/o87qmbx6/7/


推荐阅读