Let dragging
dragging: object = function () {return {move (divid, xpos, ypos) {divid.style.left = xpos + "px";divid.style.top = ypos + "px";},startMoving (divid, container, evt) {evt = evt || window.event;const posX = evt.clientX,posY = evt.clientY,eWi = parseInt(divid.style.width, 10),eHe = parseInt(divid.style.height, 10),cWi = parseInt(document.getElementById(container).style.width, 10),cHe = parseInt(document.getElementById(container).style.height, 10);let divTop = divid.style.top,divLeft = divid.style.left;document.getElementById(container).style.cursor = "move";divTop = divTop.replace("px", "");divLeft = divLeft.replace("px", "");const diffX = posX - divLeft,diffY = posY - divTop;document.onmousemove = function (event) {const e = event || window.event;let aX, aY;try {aX = event.clientX - diffX,aY = event.clientY - diffY;} catch (err) {console.log(err);}if (aX < 0) { aX = 0; }if (aY < 0) { aY = 0; }if (aX + eWi > cWi) { aX = cWi - eWi; }if (aY + eHe > cHe) { aY = cHe - eHe; }dragging.move(divid, aX, aY);};},stopMoving (container) {const a = document.createElement("script");document.getElementById(container).style.cursor = "default";// document.onmousemove = function () {};document.onmousemove = undefined;},};}()
Type declaration
-
move: function
- move(divid: any, xpos: any, ypos: any): void
-
Parameters
-
divid: any
-
xpos: any
-
ypos: any
Returns void
-
startMoving: function
- startMoving(divid: any, container: any, evt: any): void
-
Parameters
-
divid: any
-
container: any
-
evt: any
Returns void
-
stopMoving: function
- stopMoving(container: any): void
Make all clear here