Azure Maps如何禁用绘图管理器的删除类键盘快捷键？

解决方案 #

你可以通过两种方式解决这个键盘快捷键冲突问题：

方案1：拦截键盘事件阻止冒泡（推荐，无模式切换感知）

直接在捕获阶段监听全局keydown事件，当退格/删除键触发时判断焦点是否在你的自定义编辑输入框内，是就阻止事件冒泡到地图绘图管理器层，代码示例如下：

// 捕获阶段监听键盘事件，保证早于地图内置监听器触发
document.addEventListener('keydown', function(e) {
  // 匹配退格、删除按键
  if (e.key === 'Backspace' || e.key === 'Delete') {
    const activeElement = document.activeElement;
    // 可根据你的实际表单元素调整判断条件，比如加自定义类名、ID判断
    if (['INPUT', 'TEXTAREA'].includes(activeElement.tagName) || activeElement.isContentEditable) {
      // 阻止事件向上传递到绘图管理器
      e.stopPropagation();
    }
  }
}, true);

方案2：编辑时临时切换绘图管理器模式（彻底规避冲突）

如果你的自定义编辑表单是弹窗类的交互，不需要用户同时操作地图，可以在打开编辑表单时把绘图管理器切为空闲模式，关闭编辑表单后再切回编辑模式即可：

// 选中点要素、打开编辑表单时执行
drawingManager.setOptions({ mode: 'idle' });

// 编辑完成、关闭表单后执行，切回编辑模式并重新选中刚才的要素
drawingManager.setOptions({ mode: 'edit-geometry' });
drawingManager.edit([你之前选中的`Point`要素实例]);

内容的提问来源于stack exchange，提问作者OJB1