javascript - 修改交互时取消监听事件并在监听后重新激活

Question

我再次为 unByKey/ol.Observable 的东西而苦苦挣扎......

我有一个用于创建弹出窗口的事件监听器。

var unByKeyPopup;
unByKeyPopup = map.on('click', function (evt) {
  ...
});

然后我有一个修改交互，当复选框设置为 true 时，该交互会被激活。

 function xyz() {
  ....

 $('#checkbox').on('click', function () {
  if(this.checked) {
    modifyVectorInteraction();
    $('#checkbox').un('click', unByKeyPopup);  //????? dont activate the Popup thing while the user is in modify interaction
  } if(!this.checked) {
    map.removeInteraction(modifyinteraction);  
    $('#checkbox').on('click', unByKeyPopup);  //????? ok, modify done, lets re-activate the Popup 
  }
  ...
 });
 ...
}

嗯...这确实有效。我做错了什么？

谢谢

Answer 1

您尝试使用错误的方法，请使用 unByKey相反:

map.unByKey(unByKeyPopup);

更新:

而不是:

unByKeyPopup = map.on('click', function (evt) {
  ...
});

创建一个完成这项工作的函数:

var popupFunction = function(evt){
    //...
};

并通过以下方式激活/ react 它:

unByKeyPopup = map.on('click', popupFunction);