JavaScript에서는 window.screen.height으로 화면의 높이를 얻을 수 있습니다. 이제 듀얼 모니터가 있고 두 개의 모니터가 서로 다른 크기이고 브라우저 창을 한 모니터에서 다른 모니터로 이동하면 시간 간격으로 창 크기를 폴링하는 것 이상의이를 감지 할 수있는 방법이 있습니까?JavaScript의 한 화면에서 다른 화면으로 브라우저 창의 움직임을 감지 할 수 있습니까?
믿을만한 방법이 없습니다. screen.height은 기본 모니터의 높이를 항상 반환하며 모니터의 개수는 중요하지 않으므로 전혀 도움이되지 않습니다.
screenX/Y를 사용하면 화면이 끝나고 다른 화면이 시작될 때 표시가 없으므로 screen을 사용하는 것이 도움이되지 않습니다. 사용자가 브라우저가 전체 화면을 차지하고 기본 화면보다 다른 모니터의 크기를 가져올 수 없으므로 다른 화면의 크기를 알 수있는 방법이 없습니다.
즉, 불가능하지는 않더라도이를 수행하기가 어려울 것입니다. 그리고 모든 솔루션은 신뢰성이 높지 않거나 이식성이 떨어질 수 있으므로 브라우저 창을 계속 사용하여 변경 사항을 감지하는 것이 좋습니다. 쉽고 일반적으로 필요한 모든 것입니다.
왜 screen.availWidth를 사용할 수 없습니까? 두 화면의 폭을 결합하여 표시하지 않습니까? 두 번째 화면의 너비를 결정하기 위해 주 화면의 너비를 뺄 수 없었습니까? 그런 다음 표준 화면 해상도 크기 만 알면 두 번째 화면 높이에서 교양있는 추측을 할 수 있습니다. –
@GaryHayes - 네 개의 스크린을 가지고 있는데,'screen.availWidth'는 제 대답을 적어 주 화면의 너비 인'1920' 만 제공합니다. 스크린은 기본이 아닌 다른 것의 치수를 제공하지 않습니다. 화면. – adeneo
오케이. 한 화면 만 있습니다. 자바 스크립트를 사용하여 다른 화면으로 포커스를 변경하고 availWidth를 가져 오는 방법이 있습니까? –
달성하고자하는 자바 스크립트 기능이 있습니까? 아니면 그냥 프리젠 테이션 측면입니까? 비즈니스 논리가없고 프리젠 테이션 만 있으면 CSS 뷰포트를 살펴볼 수 있습니다. https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag –
죄송합니다. 질문을 수정했습니다. "화면 높이" . –
미디어 쿼리, 특히'device-height'와'device-width' 규칙을 사용할 수 있습니다. 이러한 값이 변경되면 알림을받을 이벤트 리스너를 연결할 수 있습니다. 어쩌면 당신을 도울 수 있습니다. [여기] (https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries#device-width)를 읽으십시오. – dfsq