console
let dragged;
const source = document.getElementById("draggable11");
source.addEventListener("drag", (event) => {
console.log("dragging");
});
source.addEventListener("dragstart", (event) => {
});
source.addEventListener("dragend", (event) => {
console.log('aaa', event)
source.style.left = event.offsetX + 'px'
source.style.top = event.offsetY + 'px'
});
<div id="draggable11" draggable="true">
这个 div 可以拖动
</div>
body {
user-select: none;
}
#draggable11 {
background: white;
width: fit-content;
position: relative;
}
.dropzone {
width: 200px;
height: 20px;
background: blueviolet;
margin: 10px;
padding: 10px;
}
.dragging {
opacity: .5;
}