拖动期间不会触发mouseup-event

Question

我将一个元素拖到另一个元素上，当我放开拖动时，我希望另一个元素发生变化。但是当鼠标在同一时间放下被拖动的对象时，'mouseup'事件不起作用。我该怎么办？

我的html-list：

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

EventListener：

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

插入功能：

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