[JS] 팝업창 가운데에 위치시키기

 

코드

const width = 600;
const height = 600;

let left = (document.body.offsetWidth / 2) - (width / 2);
let tops = (document.body.offsetHeight / 2) - (height / 2);

left += window.screenLeft;

const popup = window.open('/', 'popup', `width=${width}, height=${height}, left=${left}, top=${tops}`);

코드 설명

해당 코드는 screen.width을 사용하지 않습니다. 그 이유는 듀얼 모니터 때문입니다.

 

screen.width을 사용 시 메인 모니터를 기준 값이기에 서브 모니터에서 페이지를 띄울 시 팝업창은 서브 모니터에 왼쪽에 붙기도 하고 정상적인 작동이 되지 않습니다.

 

듀얼 모니터일 시 window.screenLeft을 더해 메인 모니터의 width 값을 더해줍니다.