如何在右键单击而不是右键单击时显示上下文菜单？

Question

我想要一个简单的 右键单击 来触发一个功能，以及一个 shift 右键单击​​ 来显示正常的上下文菜单而不触发任何功能。左键单击绑定到另一个函数。

我正在尝试：

$(selector).mousedown(function (ev) {
  if (ev.which === 1) {
     function1();
  } else if (ev.which === 3) {
    if (ev.shiftKey) {

    } else {
      ev.preventDefault();
      ev.stopPropagation();
      function2();
    }
  }

  return false; 
});

但是当我右击鼠标时，上下文菜单仍然显示。

我不想用

$(selector).attr("oncontextmenu", "return false;");

因为这会完全禁用上下文菜单。

Answer 1

右键单击使用contextmenu 事件而不是mousedown

$('div').on('contextmenu', function(ev) {
  if (!ev.shiftKey) {
    ev.preventDefault();   
    function2();
  }
}).on('mousedown', function(ev) {
  if (ev.which == 1) {
    function1();
  }
});

function function2() {
  console.log('function 2 called')
}

function function1() {
  console.log('function 1 called')
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="padding:50px; border:1px solid #ccc">
  Test
</div>

Answer 2

if(!ev.shiftKey){
   ev.preventDefault();
   anotherFunction();
}