在JQuery中，您可以使用以下代码检测它:

$('.target').on('contextmenu', function (evt) { evt.preventDefault(); }); $('.target').mouseup(function (evt) { if (evt.which === 3) { // right-click $(this).css("background-color","blue"); $(this).text("RIGHT"); } else if (evt.which === 1) { $(this).css("background-color","red"); $(this).text("LEFT"); } }); .target { display: inline-block; height: 100px; width: 100px; background: gray; text-align: center; color: white; font-size: 25px; vertical-align: middle; margin: 25px; } .container { width: 100%; height: 140px; background: #AAA; vertical-align: middle; text-align: center; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="container"> <div class="target" id="target">Click</div> <div class="target" id="target">Right</div> <div class="target" id="target">Click me!</div> </div>

是的，oncontextmenu可能是最好的选择，但请注意，它在鼠标向下时触发，而单击将在鼠标向上时触发。

其他相关的问题是关于双击右键的——显然除了手动计时器检查外，不支持双击右键。您可能希望能够右双击的一个原因是，如果您需要/想要支持左手鼠标输入(按钮反转)。浏览器实现似乎对我们应该如何使用可用的输入设备做了很多假设。

您可以使用事件窗口。Oncontextmenu，例如:

窗口。Oncontextmenu = function () { alert(右键) ｝ <h1>请右键点击这里!< / h1 >

窗口。Oncontextmenu =函数(e) { e.preventDefault () alert(右键) ｝ <h1>请右键点击这里!< / h1 >

For track right click 

window.oncontextmenu = () =>{

console.log("Right click")

}

仅适用于右键单击

最简单的右击方式是使用

 $('classx').on('contextmenu', function (event) {

 });

然而，这不是跨浏览器的解决方案，浏览器的行为不同，特别是firefox和IE。我推荐下面的跨浏览器解决方案

$('classx').on('mousedown', function (event) {
    var keycode = ( event.keyCode ? event.keyCode : event.which );
    if (keycode === 3) {
       //your right click code goes here      
    }
});