如何禁用vis-timeline中ctrl/meta+拖拽空白区域创建新条目的功能

以下方案均保留options.add=true、editable、selectable原配置不变：

方案1：事件拦截（最彻底，无副作用） #

直接在时间线容器上绑定捕获阶段的mousedown事件，识别符合触发新建条目的按键场景后阻止事件冒泡，不会影响其他编辑功能：

const timelineContainer = document.getElementById('你的时间线容器ID');
// 第三个参数true表示在捕获阶段触发，优先于vis-timeline内部的事件监听
timelineContainer.addEventListener('mousedown', (e) => {
  // 匹配ctrl/meta键按下、且点击的是空白区域（不是已有条目）的场景
  if ((e.ctrlKey || e.metaKey) && !e.target.closest('.vis-item')) {
    e.stopImmediatePropagation();
  }
}, true);

该方案完全阻断内部新建条目逻辑的触发，不会出现临时的“new item”蓝色元素，也不影响其他正常的编辑、选择、添加功能。

方案2：DOM监听隐藏临时元素（适合不想修改事件监听的场景） #

如果不想拦截事件，可以用MutationObserver监听时间线容器内的DOM变化，自动识别并隐藏临时创建的新建条目元素：

const observer = new MutationObserver((mutations) => {
  mutations.forEach(mutation => {
    mutation.addedNodes.forEach(node => {
      if (node.nodeType === 1 && node.classList.contains('vis-item') && node.textContent.trim() === 'new item') {
        node.style.display = 'none';
        // 也可以直接调用node.remove()彻底移除元素
      }
    })
  })
});
observer.observe(timelineContainer, { childList: true, subtree: true });

记得在销毁时间线的时候调用observer.disconnect()清理监听，避免内存泄漏。

方案3：覆写内部私有方法（仅适合固定使用7.4.7版本的场景） #

如果你已经定位到逻辑由_onDragStartAddItem处理，可以在初始化后直接覆写该私有方法，添加判断过滤ctrl/meta触发的场景：

// timeline为你初始化的vis-timeline实例
const originalDragStartAdd = timeline._onDragStartAddItem;
timeline._onDragStartAddItem = function(event) {
  // 过滤ctrl/meta键触发的新建逻辑
  if (event.ctrlKey || event.metaKey) return;
  originalDragStartAdd.call(this, event);
}

注意：该方案依赖vis-timeline的内部非公开API，版本升级后可能失效。

内容的提问来源于stack exchange，提问作者György Szy