19--拖拽实现的主要原理

 <script>
        var box=document.querySelector('div');
        box.onmousedown=function(e){
            //offsetLeft和offsetTop该元素到定位父元素的left值和top值
            var disX=e.clientX-this.offsetLeft;
            var disY=e.clientY-this.offsetTop;
            document.onmousemove=function(e){
            //e.clentX和e.clientY:鼠标到视口左边和上边的距离
                box.style.left=e.clientX-disX+'px';
                box.style.top=e.clientY-disY+'px';
            }
            document.onmouseup=function(){
                //DOM 0级移除事件绑定方式
                document.onmousemove=document.onmousemove=null;
            }
        }
    </script>