javascript - 即使功能被覆盖层隐藏，鼠标光标也会在功能上变化

Question

当光标移动到 OpenLayers 3 的某个功能上时，我尝试更改光标。我正在使用以下代码:

map.addInteraction(new ol.interaction.Select({
  condition : function(event) {
    return ol.events.condition.pointerMove(event);
  }
}));

当该功能被弹出窗口隐藏时(就像 OL3 examples 一样创建)，我的问题就出现了。当您将鼠标移动到该功能所在的位置时，即使该功能被弹出窗口隐藏，它仍然会更改光标。

如果功能不可见，是否可以禁用它们的选择？

查看example .

Answer 1

当鼠标悬停在弹出窗口上时，您需要停止 mousemove 事件冒泡到 map

document.getElementById("popup").onmousemove = function(e) {
    e.stopPropagation();
};

参见edited fiddle