Drag and Drop events and the draggable attribute seem to have a very specific UI look and feel that I think is meant to take away the hassle of manually moving the element while in transit by putting a "ghost" image of said element under the mouse pointer, while also altering the cursor used depending on whether the cursor is over a droppable element or not while dragging.
If you want more of a repositioning of the elements using absolute positioning, or maybe even flex positioning (such as rearranging elements in a row or column), then I think that's when you'd want to go with MouseEvents instead of DragEvents? At least that's what I gathered when playing around with mouseevents and touchevents when learning to use these.
I made this pen a couple months back; it's not perfect, but it gets the job done for a prototype of what I was looking to learn how to do: