JS中实现拖拽功能以及问题

在最新的H5中可以直接实现对物体的拖拽，但是原生的JS怎么实现呢？

   拖拽的3个事件：onmousedown()//选取元素

                            onmousemove()//移动元素

                            onmouseup()//释放元素

    HTML：

                <div id = "box"></div>

     CSS #box{width:100px;height:100px;background:red;position:absolute}

    JS 

           <script>

                    var oDiv  = document.getElementById("box");

                    oDiv.onmousedown = function(ev){

                    var ev = ev || event;

                    var disX = ev.clientX- this.offsetLeft;

                    var disY = ev.clientY  - this.offsetTop;

                    oDiv .onmousemove = function(ev){

                        oDiv.style.left = ev.clientX-disX;

                        oDiv.style.top = ev.clientY-disY;

}

                    oDIv.onmouseup = function(){

                       oDiv .onmousemove = null;

}

}

            <script>

转载于:https://my.oschina.net/u/3313491/blog/849226