拖动div

  1.设置开关

        var k=false

  2.鼠标在div上的位置

        var l=0

        var t=0

 3.获取节点

        var div=document.querySelector('div')

4.点击div 启动开关 获取鼠标在div上位置

        div.addEventListener('mousedown',function(e){

            e=e||window.event

            k=true

            l=e.offsetX

            t=e.offsetY

        })

5.鼠标抬起设置,关闭开关,如果是给div绑定事件,会有bug

        document.addEventListener('mouseup',function(e){

            e=e||window.event

            k=false

        })

6.通过开关和移动赋值,别忘了设置定位

        document.addEventListener('mousemove',function(e){

            e=e||window.event

            var x=e.clientX-l

            var y=e.clientY-t

            if(k){

                div.style.left=x+'px'

                div.style.top=y+'px'

            }else{

              return

            }

        })