How does the HTML5 drag event prevent dragging to other elements?

When

is dragged onto another element, this file opens by default. Where should this event be prevented?

Mar.13,2021

ondragstart="event.preventDefault();return false;"

document.body.addEventListener("dragover", (event) => {
    event.preventDefault();
});
document.body.addEventListener("drop", (event) => {
    event.preventDefault();
});

event.dataTransfer.setData ('text/plain',')

Menu