实现可拖拽输入框时，快速移动鼠标导致mouseup事件偶尔失效的问题咨询

大家好，我正在做一个可拖拽的输入框功能：点击「Create input」按钮就能生成一个输入框，同时给新生成的输入框绑定mousedown事件。触发mousedown后会调用dragStart函数，这个函数里会注册mouseup和mousemove事件来处理拖拽逻辑。

大部分时候拖拽功能都能正常工作，但如果我快速移动鼠标，有时候mouseup事件就会失效，没法正确结束拖拽状态。我实在搞不清问题出在哪，有没有朋友能给我点分析和建议呀？提前谢谢大家的帮助！

我的代码片段： #

const inputs = [];
let selectedInput = null;
let bufferX = null;
let bufferY = null;
let isDragging = false;

const workAreaLeftMargin = parseInt(
  getComputedStyle(document.querySelector("#work-area")).marginLeft
);

const dragStart = (e) => {
  // 这里是dragStart的具体逻辑（原内容省略）
};

备注：内容来源于stack exchange，提问作者davinder singh