How can I capture the right-click event in JavaScr

2019-01-01 13:04发布

This question already has an answer here:

Is right click a Javascript event? 14 answers

I want to block the standard context menus, and handle the right-click event manually.

How is this done?

标签： javascript html events javascript-events event-handling

2条回答

呛了眼睛熬了心

2楼-- · 2019-01-01 13:14

Use the oncontextmenu event.

Here's an example:

<div oncontextmenu="javascript:alert('success!');return false;">
    Lorem Ipsum
</div>

And using event listeners:

el.addEventListener('contextmenu', function(ev) {
    ev.preventDefault();
    alert('success!');
    return false;
}, false);

Don't forget to return false, otherwise the standard context menu will still pop up.

If you are going to use a function you've written rather than javascript:alert("Success!"), remember to return false in BOTH the function AND the oncontextmenu attribute.

0人赞添加讨论(0) 举报

后来的你喜欢了谁

3楼-- · 2019-01-01 13:32

I think that you are looking for something like this:

   function rightclick() {
    var rightclick;
    var e = window.event;
    if (e.which) rightclick = (e.which == 3);
    else if (e.button) rightclick = (e.button == 2);
    alert(rightclick); // true or false, you can trap right click here by if comparison
}

(http://www.quirksmode.org/js/events_properties.html)

And then use the onmousedown even with the function rightclick() (if you want to use it globally on whole page you can do this <body onmousedown=rightclick(); >

0人赞添加讨论(0) 举报

How can I capture the right-click event in JavaScr

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间