JavaScript) 화면 크기, 브라우저 크기, 마우스 좌표

html5 표준

html5 표준을 지키지 않으면 브라우져 별로 인식하는 크기가 다름

window.outerWidth  // 브라우져 전체 가로 길이
window.innerWidth  // 브라우져 두께를 제외한 가로 길이
window.outerHeight // 브라우져 전체 세로 길이
window.innerHeight // 브라우져 두께를 제외한 세로 길이

그 외

document.body.offsetWidth // 현재 엘리먼트의 가로 길이
document.body.scrollWidth  // 브라우저 안쪽 가로 길이
document.body.clientWidth // 현재 문서 기준

마우스 좌표

clientX, clientY // 문서 기준 위치
offsetX, offsetY // 현재 오브젝트 기준 위치
screenX, screenY // 모니터 기준 위치

 

출처: https://lookingfor.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%99%94%EB%A9%B4-%ED%81%AC%EA%B8%B0-%EA%B5%AC%ED%95%98%EA%B8%B0