WEBAPI

settings_applicationsIntersectionObserver  >   settings_applicationsConstructor

WEBAPI

Editing
  • account_tree
  • bug_report

IntersectionObserverintersectionObserverIntersectionObserver(Functioncallback, Objectoptions])

새로운 IntersectionObserver 객체를 생성한다.

구문

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

매개 변수

Functioncallback필수

표시되는 관찰 대상 요소의 비율이 임계값을 초과할 때 호출되는 함수를 지정한다. 다음의 매개변수를 받는다.

enteries
각각의 초과된 하나의 임계값을 나타내는 IntersectionObserverEntry 객체를 원소로 갖는 배열을 받는다. 해당 임계값은 백분율보다 더 많이 또는 덜 표시된다.
observer
콜백이 호출되는 IntersectionObserver 객체를 나타낸다.

Objectoptions선택

옵서버(observer: 관찰자)를 맞춤 설정하는 프로퍼티를 갖는 객체를 선택적으로 지정한다.

root
감지 대상의 조상인 Element 또는 Document 객체를 나타내며 경계 사각형이 뷰포트로 간주된다. 지정하지 않으면 문서의 뷰포트를 루트로 사용하며 여백이 없고 임계값이 0%이다. 즉, 1픽셀만 변경해도 콜백을 트리거할 수 있다.
rootMargin
교차점을 계산할 때 루트의 경계 상자에 추가할 오프셋 집합을 지정하는 문자열이다. 기본값은 "0px 0px 0px 0px"이다.
threshold
감지된 대상에 대한 전체 경계 상자 영역에 대한 교차 영역의 비율을 지정하는 단일 숫자 또는 0.0에서 1.0사이의 숫자 배열을 나타낸다. 기본값은 0.0이다.

반환

IntersectionObserverintersectionObserver

새로운 IntersectionObserver 인스턴스 객체를 반환한다.

Exception

DOMException

DOM API의 메소드를 호출하거나 프로퍼티에 접근한 결과 발생하는 비정상적인 이벤트(예외)를 나타낸다.

SyntaxError

문자열이 예상 패턴과 일치하지 않는다.

RangeError

어떤 값이 집합 구조에 없거나 허용되는 범위가 아닐 때 오류를 다루는 객체이다.

상속 계층 탐색

Function

  • Properties

    • arguments

      함수에 전달된 인수를 조회한다. 유사 배열로 참조되며 인덱스로 접근이 가능하다.

    • caller

      지정된 함수를 호출한 함수를 참조한다. strict 모드에서는 사용할 수 없다.

    • length

      함수에 사용 되고 있는 인수의 개수를 조회한다.

    • name

      함수 이름을 조회한다.

    • prototype

      생성자 함수(constructor function)에 의해 생성된 인스턴스(instance)에게 상속되어지는 생성자의 프로토타입을 나타낸다.

  • Methods

    • apply()

      지정된 this와 제공된 인수를 가진 배열 또는 유사 배열로 함수를 호출한다.

    • bind()

      원본 함수와 동일한 본문을 갖는 바인딩된 함수를 만든다. this 키워드가 있는 경우 실제로 자신을 참조할 수 있도록 활성화된다.

    • call()

      인수를 지정하여 함수를 호출한다.

    • toString()

      함수의 소스 코드를 반환한다.

Object

  • Methods

    • hasOwnProperty()

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

    • isPrototypeOf()

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

    • propertyIsEnumerable()

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

    • toLocaleString()

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

    • toString()

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

    • valueOf()

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

  • Properties

    • constructor

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

    • __proto__

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

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

버전 명세

지원 웹브라우저