js 实现div的拖动效果

HTML:

<div class="move" id="moves"></div>

CSS:

.move {

            width: 100px;

            height: 100px;

            background-color: rgb(59, 149, 227);

            position: absolute;

        }

<script>

 var move = document.getElementById('moves')

        move.addEventListener('mousedown', function (event) {

            let disx = event.clientX - move.offsetLeft;

            let disy = event.clientY - move.offsetTop

            document.onmousemove = function (event) {

                move.style.left = event.clientX - disx + 'px'

                move.style.top = event.clientY - disy + 'px'

            }

            document.onmouseup = function () {

                document.onmousemove = null;

                document.onmouseup = null;

                return false

            }

        })

</script>