не работает ondrop javascript

событие ondrop не работает и не выдаёт команду в консоль по другому вызвать событие нельзя ибо элементы багуют

<div class="drop_zone" onclick="click_inp(1)" ondragleave="drag_leave(1, event)" ondragenter="on_drug(1, event)" ondrop="drop_el(1, event)">
    <span class = "drop_zone_text">Drop file here</span>
    <input type="file" name="filename" class="drop_zone_input" id="1" onchange="">
</div>

JAVA

  function drop_el(i, event)
{
    event.preventDefault();
    let inputElement = document.getElementById(i);
    let dropZoneElement = inputElement.closest(".drop_zone");
    console.log("hi");
}