右键单击不显示图像

Question

I have a basic issue with an image.

Indeed, I can't make display a right click menu on the image (in order to see it in full display) :

I have just put a :

<img class="center" width="700" height ="381" src="./Image_Init_Scene.png"/>

Maybe the issue comes from other things in my HTML page (like jquery etc ..)

Any help is welcome,

Thanks

Answer 1

It looks like the normal behavior of the contextmenu event is prevented somewhere in your code...

So you can find where it is prevented to remove this "protection"...
Or you can create you own custom context menu.

The event is still triggered, so you can use it.

$(".body_content img.center").on("contextmenu",function(){
    console.log("Context menu!");
    // Do what ever you want!
});

Answer 2

Context Menu is being interrupted by an event handler somewhere in your code. While searching for event.preventDefault() works, this may be the long way out. Also this may not work if programmer is using return false

The easy way is to set a break point in the Debugger. Chrome offers a context menu breakpoint among others under Event Listener Breakpoints. Pausing the execution on modification will tell you, where the context menu is being manipulated.

For example, in your code, context menu is being used in two places postload.js and orbitcontrols.js. Orbit controls is preventing the context menu action with

 function onContextMenu( event ) { event.preventDefault(); } scope.domElement.addEventListener( 'contextmenu', onContextMenu, false ); 

Removing this will restore context menu to original state.