프로그래밍/자바스크립트
[자바스크립트] window.moveBy() window.moveTo() - window 이동하기
오치리일상
2017. 8. 28. 10:30
윈도우 이동 - window.moveTo(x, y) | window.moveBy(x, y)
window객체의 멤버 메소드(moveTo(), moveBy())로 윈도우를 이동 시킨다.
window.moveTo(x1, y1) : 윈도우를 화면 (x1, y1) 에 위치시킨다.
window.moveBy(x2, y2) : 윈도우를 화면 현 위치에서 (x2, y2) 만큼 이동시킨다.
사용 예
[script] // 윈도우 객체를 생성한다. var childWindow = window.open('','','width=200px, height=200px'); childWindow.document.write('window move'); // 윈도우 시작 좌표 - 단위 px childWindow.moveTo(100, 100); // x=100, y=100에 위치한다. // 윈도우 이동할 좌표 - 단위 px // 함수 호출할 때 마다 (y = -10px)씩 이동한다. function funcButtonUp(){ childWindow.moveBy(0, -10); } // 윈도우 이동할 좌표 - 단위 px // 함수 호출할 때 마다 (y = 10px)씩 이동한다. function funcButtonDown(){ childWindow.moveBy(0, 10); } // 윈도우 이동할 좌표 - 단위 px // 함수 호출할 때 마다 (x = -10px)씩 이동한다. function funcButtonLeft(){ childWindow.moveBy(-10, 0); } // 윈도우 이동할 좌표 - 단위 px // 함수 호출할 때 마다 (x = 10px)씩 이동한다.azc function funcButtonRight(){ childWindow.moveBy(10, 0); } [/script]
출력