Events— 'mouseup' not firing after mousemove

Question

I am trying to drag an image with Javascript (no libraries). I am able to listen to mousedown and mousemove events. For some reason, I am not able

Answer 1

Neither of the above answers reliably worked to ensure a mouseup event.

Here's what I discovered works consistently:

document.querySelector('html').addEventListener('mouseup', function (e) {
    console.log("html mouseup");
    var evt = document.createEvent("MouseEvents");
    evt.initEvent("mouseup", true, true);
    document.getElementById('drag-me').dispatchEvent(evt);
});

If mouseup fires on target element, it does not fire on html, and if it did not fire on target, it will fire on html.