如何检测我们使用javascript拖放的div

Question

这是我的 JavaScript 代码 `

function allowDrop(ev) {
        ev.preventDefault();
    }

    function drag(ev) {
        ev.dataTransfer.setData("Text",ev.target.id);
        ev.dataTransfer.setData("class",ev.target.classList);
    }

    function drop(ev) {
        ev.preventDefault();
        var data = ev.dataTransfer.getData("Text");
        var classs = ev.dataTransfer.getData("class");
        if(data === "body") {
            document.getElementById('div1').className = '';
            document.getElementById('div1').classList.add(classs);
        }
        if(data === "table"){
            document.getElementById('myTable').className = '';
            document.getElementById('myTable').classList.add(classs);
        }
        if(data === "font"){
            document.getElementById('myTable').classList.add(classs);
        }
    }`

如您所见，我只是根据我在要拖放的元素中设置的 id 获取 div，如何检测拖放时我们在哪里元素，所以我不需要使用 document.getElementById再次

Answer 1

你的意思是“ondragenter”还是“ondrop”？

<div id='div1' ondrop="drop1(event)></div>
<script>
function drop1(event) {
event.preventDefault();
event.target.style.backgroundColor = "lightblue";
}
</script>