SOURCE

let containerEle = document.querySelector("#container");

containerEle.ondragstart = function(event){
    console.log("拖动开始");
    console.log("event");
}

<div id="container">
    <div class="box1">
        <div class="sprite" draggable="true">sprite</div>
    </div>
    <div class="box2"></div>
</div>

#container{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.box1,.box2{
    flex: 1;
    height: 200px;
    background-color: rgb(47, 172, 254);
    margin:10px;
    display: grid;
    place-content: center;
}

.sprite{
    background-color: #f1916a;
    width: 100px;
    height: 100px;
    color: #fff;
    display: grid;
    place-content: center;
}