윈도우 위치 설정하기 moveTo(), moveBy()

moveTo(), moveBy()

window.moveTo(dx,dy)
window.moveBy(dx,dy)

• moveTo(dx,dy) : 화면에서 윈도우를 dx, dy 위치로 움직일 수 있다.
• moveBy(dx,dy) : 현재 윈도우 위치에서 dx, dy만큼 윈도우를 움직일 수 있다.

주의 할 점은 resizeTo() 메서드 처럼 window.open()메서드로 만들어진 윈도우만 위치를 설정할 수 있다.

 

 

버튼을 클릭하면 윈도우 위치를 오른쪽으로 정렬하기

<script>
    $(document).ready(function(){
        var newWin =null;
        $("#new").click(function(){
            newWin = window.open("", "newWin", "width=200, height=200");
        })

        $("#move").click(function(){
            let dx = screen.availWidth - newWin.outerWidth;
            //screen.availWidth 창에서 사용가능한 수평공간의 픽셀값 반환(이 수치 그대로 쓰면 화면 밖으로 넘어감) 새로운 창크기만큼 빼준다.
            let dy = newWin.screenTop; // y값은 모니터에서 새로운 창간의 거리를 구한다.
            newWin.moveTo(dx, dy);
        })
    })
</script>

<button id="new">팝업</button>
<button id="move">오른쪽 정렬</button>