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

是的，虽然w3c说右键点击可以通过点击事件检测到，onClick不是通过在通常的浏览器中单击右键触发的。

事实上，右键只触发onMouseDown onMouseUp和onContextMenu。

因此，您可以将“onContextMenu”视为右键单击事件。它是一个HTML5.0标准。

使用jQuery库处理事件

$(window).on("contextmenu", function(e)
{
   alert("Right click");
})

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

您可能想尝试以下属性:

按钮- (caniuse); Which - (caniuse)(弃用)。

function onMouseDown(e)
{
    if (e.which === 1 || e.button === 0)
    {
        console.log('Left mouse button at ' + e.clientX + 'x' + e.clientY);
    }

    if (e.which === 2 || e.button === 1)
    {
        console.log('Middle mouse button at ' + e.clientX + 'x' + e.clientY);
    }

    if (e.which === 3 || e.button === 2)
    {
        console.log('Right mouse button at ' + e.clientX + 'x' + e.clientY);
    }

    if (e.which === 4 || e.button === 3)
    {
        console.log('Backward mouse button at ' + e.clientX + 'x' + e.clientY);
    }

    if (e.which === 5 || e.button === 4)
    {
        console.log('Forward mouse button at ' + e.clientX + 'x' + e.clientY);
    }
}

window.addEventListener("mousedown", onMouseDown);

document.addEventListener("contextmenu", function(e)
{
    e.preventDefault();
});

相关:演示

操作系统

On Windows and Linux there are modifier keys Alt, Shift and Ctrl. On Mac there’s one more: Cmd, corresponding to the property metaKey... Even if we’d like to force Mac users to Ctrl+click – that’s kind of difficult. The problem is: a left-click with Ctrl is interpreted as a right-click on MacOS, and it generates the contextmenu event, not click like Windows/Linux. So if we want users of all operating systems to feel comfortable, then together with ctrlKey we should check metaKey. For JS-code it means that we should check if (event.ctrlKey || event.metaKey)...

在本章中，我们将详细介绍鼠标事件及其属性……

来源:https://amazon.com/dp/B07DZWLPG9

最简单的右击方式是使用

 $('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      
    }
});