JS實現div拖動效果(可相容IE8)
阿新 • • 發佈:2020-12-15
主要使用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; }; });