events - How to capture right click on a specify element in javascript? - Stack Overflow

admin管理员组

文章数量:1404924

I'm trying to make a zoomable image block in an HTML page using javascript. Now zooming in is finished by capturing Doubleclick event and some simple functions. Problem is here that I have some elements (div tags like tile) and want to have a function called when right clicked on some of them. How can I do this?

I'm trying to make a zoomable image block in an HTML page using javascript. Now zooming in is finished by capturing Doubleclick event and some simple functions. Problem is here that I have some elements (div tags like tile) and want to have a function called when right clicked on some of them. How can I do this?

• javascript
• events
• event-handling

Share Improve this question Follow asked Jan 16, 2015 at 15:35 ShahoShaho 18222 silver badges1515 bronze badges 2

• Search for "contextmenu". – Teemu Commented Jan 16, 2015 at 15:39
• Duplicate of : stackoverflow./questions/2405771/… – violator667 Commented Jan 16, 2015 at 15:39

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

You can use the contextmenu event:

<div oncontextmenu="javascript:alert('Right Click Performed!');return false;">
    Right click on me!
</div>

And then add a listener:

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

javascripts event.button function will give you the mouse button you clicked.

<img onMouseDown="alert(event.button)" src="yourimage" />

right click should return 2 but best check each browser

本文标签： eventsHow to capture right click on a specify element in javascriptStack Overflow