Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
停止JavaScript覆盖菜单中的事件传播到Google地图_Javascript_Google Maps - Fatal编程技术网

停止JavaScript覆盖菜单中的事件传播到Google地图

停止JavaScript覆盖菜单中的事件传播到Google地图,javascript,google-maps,Javascript,Google Maps,我已经用JavaScript在谷歌地图上方的谷歌覆盖视图中创建了一些编辑框和按钮。每当我点击OverlyView上的任何按钮、编辑框或任何地方时,谷歌地图也会接受这些鼠标事件。如何限制鼠标事件,使其不能通过OverlyView传播 google.maps.event.addDomListener(gotoBtn, 'click', function(e) { ///DO SOMETHING e.stopPropagation(); }); 对于按钮,我使用以下方法,但我不想在所

我已经用JavaScript在谷歌地图上方的谷歌覆盖视图中创建了一些编辑框和按钮。每当我点击OverlyView上的任何按钮、编辑框或任何地方时,谷歌地图也会接受这些鼠标事件。如何限制鼠标事件,使其不能通过OverlyView传播

google.maps.event.addDomListener(gotoBtn, 'click', function(e) {
    ///DO SOMETHING
    e.stopPropagation();
});

对于按钮,我使用以下方法,但我不想在所有地方都使用相同的方法。还有其他合乎逻辑的方法吗

我在overlayView中添加了div,并在那里停止了鼠标传播

var panes = this.getPanes();
panes.overlayImage.appendChild(div);

/// Code for stoping event propagation to m_map
div.onclick = function(event) {
    event.stopPropagation();
}

google.maps.event.addDomListener(div, 'mousedown', function (event) {
    event.cancelBubble = true;
        if(event.stopPropogation)
            event.stopPropagation();
});

你能用JSFIDLE支持你的问题吗?