1. 程式人生 > 實用技巧 >JS實現div拖動效果(可相容IE8)

JS實現div拖動效果(可相容IE8)

主要使用Element介面的setPointerCapture()方法來實現。

setPointerCapture()詳細解釋見https://developer.mozilla.org/zh-CN/docs/Web/API/Element/setPointerCapture

$(function () {
                var obj = document.getElementById("panel_compare");
                obj.onmousedown = function (event) {
                    obj.setPointerCapture 
&& obj.releasePointerCapture(); event = event || window.event; var ol = event.clientX - obj.offsetLeft; var ot = event.clientY - obj.offsetTop; document.onmousemove = function (event) { event
= event || window.event; var left = event.clientX - ol; var top = event.clientY - ot; obj.style.left = left + "px"; obj.style.top = top + "px"; }; document.onmouseup
= function () { document.onmousemove = null; document.onmouseup = null; obj.releasePointerCapture && obj.releasePointerCapture(); }; return false; }; });