html用js实现div的拖拽功能

<script>
    var divSlider = document.getElementById("div");
    divSlider.addEventListener('mousedown', mouseDown, false);
 
    document.addEventListener('mouseup', mouseUp, false);
 
    function mouseDown() {
        document.addEventListener('mousemove', sliderMove, false);
    }
 
    function mouseUp() {
        document.removeEventListener('mousemove', sliderMove, false);
    }
    function sliderMove(e) {
        // 解决拖拽鼠标粘滞的问题
         if (e.preventDefault) {
             e.preventDefault();
         } else {
             e.returnValue = false;
         }
        divSlider.style.left = e.clientX + 'px';
        divSlider.style.top = e.clientY + 'px';
    }
</script>