지능사 드래그 데모

1690 단어
window.onload = function () { var oDiv = document.getElementById('div1'); var oDiv2 = document.getElementById('div2'); var disX = 0; var disY = 0; oDiv.onmousedown = function (ev) { //4 var oEvent = ev || event; disX = oEvent.clientX - oDiv.offsetLeft; disY = oEvent.clientY - oDiv.offsetTop; document.onmousemove = function (ev) { //3 var oEvent = ev || event; var l = oEvent.clientX - disX; var t = oEvent.clientY - disY; if (l < 0) { l = 0; } else if (l > oDiv2.offsetWidth - oDiv.offsetWidth) { l = oDiv2.offsetWidth - oDiv.offsetWidth; } if (t < 0) { t = 0; } else if (t > oDiv2.offsetHeight - oDiv.offsetHeight) { t = oDiv2.offsetHeight - oDiv.offsetHeight; } oDiv.style.left = l + 'px'; oDiv.style.top = t + 'px'; }; document.onmouseup = function () { document.onmousemove = null;//2 document.onmouseup = null; }; return false;//1 }; };

좋은 웹페이지 즐겨찾기