如何在鼠标停止时手动触发拖动事件？

Question

我在鼠标处于向下位置之前和释放之前创建了一个新的可拖动元素 我想在新元素上触发拖动事件，因此它将跟随我的鼠标移动 它在safari和chrome中运行良好，但在 Firefox 中没有，我该怎么办呢？

＆＃13;

＆＃13;

json

＆＃13;

  function drag(ev) {
    ev.dataTransfer.setData("Text", ev.target.id);
  }
  const insertBeforeSibling = ({
    target, origin
  }) => {
    origin.parentNode.insertBefore(target, origin);
  };
  const p = document.querySelector('#p');
  p.addEventListener('mousedown', () => {
    const S = document.createElement('div');
    S.innerHTML = 'I am draggable';
    S.setAttribute('id', 'drag');
    S.setAttribute('draggable', true);
    S.setAttribute('ondragstart', 'drag(event)')
    insertBeforeSibling({
      target: S,
      origin: p
    });
  })

＆＃13;

#drag {
  height: 200px;
  width: 200px;
  background-color: green;
  position: absolute;
  text-align: center;
}
#p {
  height: 200px;
  width: 200px;
  background-color: yellow;
  text-align: center;
}
#p > div {
  margin-bottom: 10px;
}

＆＃13;

＆＃13;

＆＃13;