右键单击未在图像上显示

时间:2017-03-26 04:03:57

标签: javascript jquery html css

我对图像有一个基本问题。

实际上,我无法在图像上显示右键菜单(为了全屏显示):

我刚刚提出了一个:

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

也许问题来自我的HTML页面中的其他内容(如jquery等...)

欢迎任何帮助,

由于

2 个答案:

答案 0 :(得分:1)

看起来代码中某处阻止了contextmenu事件的正常行为......

所以你可以找到阻止这种“保护”的地方......
或者您可以创建自己的自定义上下文菜单。

事件仍然被触发,因此您可以使用它。

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

答案 1 :(得分:0)

上下文菜单被代码中的某个事件处理程序中断。在搜索event.preventDefault()时,这可能还有很长的路要走。如果程序员使用return false

,这也可能无效

简单的方法是在调试器中设置断点。 Chrome在事件侦听器断点下提供了一个上下文菜单断点。暂停执行修改将告诉您操作上下文菜单的位置。

例如,在您的代码中,上下文菜单在postload.js和orbitcontrols.js这两个地方使用。轨道控制正在阻止上下文菜单操作

function onContextMenu( event ) {

	event.preventDefault();

}

scope.domElement.addEventListener( 'contextmenu', onContextMenu, false );

删除它会将上下文菜单恢复为原始状态。