DOM

settings_applicationsEventTarget

DOM

Record
  • account_tree
  • bug_report

InterfaceVisualViewport

창에 대한 시각적 뷰포트를 나타내는 인터페이스이다.

설명

현재 시각적 뷰포트는 모바일 웹브라우저에서 사용되는 개념이다. 사용자가 핀치 줌(pinch-zoom)을 통해 화면을 확대할 경우 확대된 콘텐츠를 가지고 있는 뷰포트를 별도로 다루는 것을 시각적 뷰포트라고 한다.

정리한다면 모바일에서는 기본적으로 콘텐츠가 보여지는 뷰포트와 콘텐츠가 확대될 경우 보여지는 뷰포트를 별도로 분리한다는 것이다. 이뿐만 아니라 모바일에서 입력 작업을 할 경우에 소프트웨어 키보드가 열리는데 이때도 콘텐츠가 시각적 뷰포트에 담겨진 개념으로 본다.

하위 트리 탐색

  • Constructor

    생성자 함수는 없으며 window 객체의 visualViewport 프로퍼티로 참조된다.

  • [[Prototype]]

    • Properties

      • height

        시각적 뷰포트의 높이를 CSS 픽셀 단위로 조회한다.

      • offsetLeft

        레이아웃 뷰포트의 왼쪽 가장자리에서 시각적 뷰포트 왼쪽 가장자리 오프셋을 CSS 픽셀 단위로 조회한다.

      • offsetTop

        레이아웃 뷰포트의 위쪽 가장자리에서 시각적 뷰포트 위쪽 가장자리 오프셋을 CSS 픽셀 단위로 조회한다.

      • pageLeft

        시각적 뷰포트 왼쪽 가장자리의 x 좌표를 CSS 픽셀로 조회한다.

      • pageTop

        시각적 뷰포트 위쪽 가장자리의 y 좌표를 CSS 픽셀로 조회한다.

      • scale

        시각적 뷰포트에 적용된 핀치 줌(pinch-zoom) 배율을 조회한다.

      • width

        시각적 뷰포트의 폭을 CSS 픽셀 단위로 조회한다.

    • Event Handlers

      • onresize

        창(window) 크기가 변경될 때 발생한다. 일반적으로 뷰포트 크기 변경이 있는 경우 발생한다.

      • onscroll

        요소가 스크롤 될 때 발생한다.

상속 계층 탐색

EventTarget

  • Methods

    • addEventListener()

      EventTarget 인터페이스를 상속받는 하위 요소들의 이벤트 리스너(Listener)를 등록한다. Window 객체도 포함된다.

    • dispatchEvent()

      사용자가 생성한 이벤트를 전달한다. 코드에 의한 이벤트 트리거(trigger)에 사용된다.

    • removeEventListener()

      등록된 이벤트를 제거한다. 이벤트 타입, 등록된 함수, 등록시 제공했던 다양한 옵션과 일치된 경우에 이벤트를 제거한다.

Object

  • Methods

    • hasOwnProperty()

      객체가 특정 프로퍼티를 가지고 있는지를 블린(boolean) 값으로 반환한다.

    • isPrototypeOf()

      해당 객체가 다른 객체의 프로토타입 체인에 속한 객체인지를 체크한다.

    • propertyIsEnumerable()

      매개 변수의 속성이 열거가능(enumerable)한지 여부를 체크한다.

    • toLocaleString()

      객체를 나타내는 문자열을  작동하는 지역(locale)의 방식으로 출력이 된다.

    • toString()

      객체를 나타내는 문자열을 반환한다.

    • valueOf()

      객체의 원시(primitive) 값을 반환한다.

  • Properties

    • constructor

      객체의 생성자 함수를 참조한다.

    • __proto__

      상속된 [[Prototype]] 참조하거나 설정가능하며 일반적으로 실제 코드상에서는 잘 사용되지 않는다. ECMAScript에서 사용되지 않는 비표준이지만 최신 웹브라우저에서는 비공식적으로 지원하고 있다. 따라서 곧 표준 속성으로 지원될 확률이 높다.

      현재는 표준 사양에 명시되었다.

지원 웹브라우저