右键单击 Div（信息框）被禁用。如何启用它答案

【问题标题】：Rightclicking on Div (infobox) is Disabled. How do I enable it右键单击 Div（信息框）被禁用。如何启用它
【发布时间】：2011-12-26 05:53:08
【问题描述】：

我正在使用 Google Maps V3 API 的 Infobox 插件。 http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/docs/reference.html

问题：当我右键单击信息框 div 时，没有任何反应。对于作为父信息框 div 的子级的任何 div 也是如此。但是，我有一个输入框，其中包含一些我希望能够选择并右键单击副本的文本。

如果我不能右键单击它怎么办？更重要的是，如何启用右键？

示例

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/examples/infobox-basic.html

JS 代码 不起作用

var infoboxOptions = {
    content: boxText,
    disableAutoPan: true,
    maxWidth: 0,
    pixelOffset: new google.maps.Size(0, 0),
    zIndex: null,
    infoBoxClearance: new google.maps.Size(5, 5),
    closeBoxURL: '',
    isHidden: true,
    pane: "floatPane",
    enableEventPropagation: false,
    contextmenu: true
    };

【问题讨论】：

标签： javascript jquery google-maps

【解决方案1】：

我修改了 infobox.js 代码以使其正常工作。

改变了这个：

    this.contextListener_ = google.maps.event.addDomListener(this.div_, "contextmenu", ignoreHandler);

到这里：

    this.contextListener_ = google.maps.event.addDomListener(this.div_, "contextmenu", cancelHandler);

免责声明：这可能会产生我不知道的其他不良影响，因为我没有对其进行彻底测试，但它适用于我的情况。

【讨论】：

然后使用online version of uglifyjs 缩小代码。

【解决方案2】：

只需在选项集中添加“contextmenu: true”

【讨论】：

我编辑了原始帖子以显示带有 contextmenu:true 的代码，该代码无法启用右键

【解决方案3】：

我从 infobox.js 源中提取了这个：

@property {boolean} enableEventPropagation 传播 mousedown、click、dblclick，

和 InfoBox 中的上下文菜单事件（默认为 false 以模仿行为

的 google.maps.InfoWindow)。如果信息框
，则将此属性设置为 true
被用作地图标签。 iPhone注意：此属性设置无效；事件是

一直在传播。

看起来将 enableEventPropagation 属性设置为 true 应该可以解决问题！

【讨论】：

【解决方案4】：

试试这个代码。这是非常短且非常有用的代码。这是 Javascript 而不是 jQuery，因此它适用于所有浏览器。

禁用右键

function yourFunction() {
  alert("Not allowed");
}

document.oncontextmenu = new Function("yourFunction();return false;");

启用右键单击

document.oncontextmenu = new Function("return true;");

【讨论】：