OpenLayers 通过 Popups 窃取点击事件

为什么 FramedCloud 弹出窗口会窃取弹出窗口内的点击事件？

current_popup = new OpenLayers.Popup.FramedCloud(
    "featurePopup",
    f.geometry.getBounds().getCenterLonLat(),
    new OpenLayers.Size(0,0),
    "<b>Наблюдения</b><br/>" + $.map(features, function(fe) { return fe.attributes.description; }).join('<br/>'),
    null, false, null);
    map.addPopup(current_popup, true);



$('#map').on('click', function() { console.log('test'); return false; });

始终捕获单击事件，除非我单击弹出窗口内的链接。弹出窗口和锚点是#map.

• 单击地图 => 回调被触发
• 单击标记 => 回调被触发，弹出窗口显示
• 单击弹出窗口内部（不是在链接上）=> 回调不会被触发
• 单击弹出窗口内的链接=>以同样的方式，没有任何反应

OL那部分的代码相当晦涩。

为什么它会捕获弹出窗口内的点击？我该如何把它们拿回来？

edit：在 OL 中进行更深入的调试：触发此函数：

bindAsEventListener: function(func, object) {
    return function(event) {
        return func.call(object, event || window.event);
    };

event.target是锚点，正是我所期望的：

<a class="edit-card-link" href="/form/?id=806">...</a>

func is:

handleBrowserEvent: function(evt) {
    var type = evt.type, listeners = this.listeners[type];
    if (!listeners || listeners.length == 0) {
        return;
    }
    var touches = evt.touches;
    if (touches && touches[0]) {
        var x = 0;
        var y = 0;
        var num = touches.length;
        var touch;
        for (var i = 0; i < num; ++i) {
            touch = touches[i];
            x += touch.clientX;
            y += touch.clientY;
        }
        evt.clientX = x / num;
        evt.clientY = y / num;
    }
    if (this.includeXY) {
        evt.xy = this.getMousePosition(evt);
    }
    this.triggerEvent(type, evt);
}

this是 OpenLayers.Event 类实例，evt.target依然是那个锚，listeners包含 1 个监听器：

function (evt){OpenLayers.Event.stop(evt,true);}

是这个原因吗？我怎样把它取出来？

如果你想阻止弹出窗口窃取鼠标事件，那么在你的CSS你可以，正如这里所建议的 https://stackoverflow.com/a/10448248/613495，设置pointer-events: none;与创建时给出的弹出窗口 ID 相对应的 id。因此，在你的情况下，它将是：

#featurePopup{
    pointer-events: none;
}

当我想避免我显示的弹出窗口闪烁时，它对我来说就像一个魅力mouseover.