WEBAPI

WEBAPI

Editing
  • account_tree
  • bug_report

InterfaceIntersectionObserverEntry

가시성 전환이 발생하는 순간에 대상 요소와 루트 컨테이너 사이의 교차점을 설명한다.

하위 트리 탐색

  • Constructor

    직접적인 생성자는 없으며 관찰자에 의해서 가시성 변경이 관찰되면 콜백 함수에게 전달되거나 IntersectionObserver.prototype.takeRecords() 메소드에 의해 반환받는다.

  • [[Prototype]]

    • Properties

      • boundingClientRect

        감지 대상 요소를 포함하는 사각형을  설명하는 DOMRectReadOnly 객체를 반환한다.

      • intersectionRatio

        가시성 감시 대상 요소가 가시성 변화가 감지될 때 현재 루트 교차로 비율 내에서 0.0에서 1.0 사이의 값으로 얼마나 많이 보이는지를 조회한다.

      • intersectionRect

        현재 교차되는 투르 내에서 볼 수 있는 대상 요소의 전체 부분을 포함하는 가장 작은 사각형을 설명하는 DOMRectReadOnly 객체를 참조한다.

      • isIntersecting

        가시성 감시 대상 요소가 루트와 교차여부를 나타낸다.

      • rootBounds

        루트 교차 사각형에 해당하는 DOMRectReadOnly 객체를 참조한다.

      • target

        어떤 가시성 감시 대상 요소가 루트와 교차 정도를 변경했는지 나타낸다.

      • time

        문서가 생성된 시간을 기준으로 교차 변경이 발생한 시간을 나타내는 DOMHighResTimeStamp 객체를 나타낸다.

상속 계층 탐색

Object

  • Methods

    • hasOwnProperty()

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

    • isPrototypeOf()

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

    • propertyIsEnumerable()

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

    • toLocaleString()

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

    • toString()

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

    • valueOf()

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

  • Properties

    • constructor

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

    • __proto__

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

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

버전 명세

Intersection Observer
#intersection-observer-entry

지원 웹브라우저