javascript - mouseup-event 在拖动过程中不会触发

Question

我将一个元素拖到另一个元素上，当我松开拖动时，我希望另一个元素发生变化。但是当鼠标同时放开拖动的对象时，“mouseup”事件不起作用。我能做些什么？

我的 html 列表：

<ul id="list">
  <li  draggable="true" ondragstart="drag(event)">1</li>
  <li  draggable="true" ondragstart="drag(event)">2</li>
</ul>

事件监听器：

here.addEventListener("dragover", display, false);

插入函数：

function display(evt) {
var clicked =  evt.target;
var newItem = document.createElement('li');
newItem.innerHTML=clicked.innerHTML;
insertAfter(newItem, clicked);}