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?
2
-
Search for "contextmenu".Teemu– Teemu2015-01-16 15:39:28 +00:00Commented Jan 16, 2015 at 15:39
-
Duplicate of : stackoverflow.com/questions/2405771/…violator667– violator6672015-01-16 15:39:40 +00:00Commented Jan 16, 2015 at 15:39
Add a comment
|
2 Answers
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);
Comments
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
