SOURCE

const div = document.getElementsByClassName("box")[0];

let timer = null;
// div.addEventListener("drag", (e) => {
//     if (timer) {
//         return
//     }
//     timer = setTimeout(() => {
//         console.log(e.offsetX, e.offsetY);
//         timer = null
//     }, 500)
// })

function throttle(fn, delay = 100) {
    let timer = null;
    return function() {
        if (timer) {
            return
        }
        timer = setTimeout(() => {
            fn.apply(this, arguments)
            timer = null
        }, delay)
    }
}
div.addEventListener("drag", throttle((e) => {
    console.log(e.offsetX, e.offsetY)
}, 500))

<div class="box" draggable="true">可拖拽</div>

.box {
    width: 150px;
    height: 100px;
    border: 1px solid #000;
    text-align: center;
    line-height: 100px;
}