WEBAPI

settings_applicationsIntersectionObserver

WEBAPI

Editing
  • bug_report

Constructor

객체의 인스턴스(instance)를 생성하기 위한 생성자 함수를 지원한다.

구문

형식
new IntersectionObserver(callback)
형식
new IntersectionObserver(callback, options)

Prototype 체인

IntersectionObserver

  • Properties

    • root

      관찰자의 대상인 요소에 대한 뷰포트의 경계 상자로 처리되는 Element 또는 Document를 설정한다. null의 경우 실제 문서 뷰포트의 경계가 사용된다.

    • rootMargin

      관찰 대상의 요소를 포함하는 컨테이너(루트)의 실제 교차 사각형 영역을 나타낸다.

    • thresholds

      관찰 대상 요소가 가시적인 범위 내에 보여지는 비율인 임계값을 나타낸다.

  • Methods

    • disconnect()

      관찰자의 모든 가시성 변화 감지 대상을 해제한다.

    • observe()

      가시성 관찰 대상으로 요소를 추가한다.

    • takeRecords()

      마지막 교차 알림(명시적 takeRecords() 메소드 호출 또는 감지에 따라 자동 콜백 함수 호출) 이후 교차 영역에 변화가 생긴 요소들의 집합을 반환한다.

    • unobserve()

      지정된 요소를 관찰 대상에서 제거한다.

Object

  • Methods

    • hasOwnProperty()

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

    • isPrototypeOf()

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

    • propertyIsEnumerable()

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

    • toLocaleString()

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

    • toString()

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

    • valueOf()

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

  • Properties

    • constructor

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

    • __proto__

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

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

지원 웹브라우저