브라이트코브 플레이어 v5.22.2

수업: 재생 토글

재생 토글

재생과 일시정지를 전환하는 버튼입니다.

new PlayToggle(플레이어 [, 옵션])

이 클래스의 인스턴스를 만듭니다.

매개 변수 :
이름 유형 논쟁 설명
플레이어 플레이어

이 클래스를 연결해야 하는 Player 입니다.
옵션 물체 <선택 과목>

플레이어 옵션의 키/값 저장소입니다.
원천:
control-bar/play-toggle.js

확장하다

행동 양식

$(선택자 [, 문맥])

선택기 와 일치하는 단일 DOM 요소를 찾습니다. 이는 Component 의 contentEl() 또는 다른 사용자 지정 컨텍스트 내에 있을 수 있습니다.

매개 변수 :
이름 유형 논쟁 기본값 설명
선택자 끈

querySelector 에 전달될 유효한 CSS 선택기입니다.
문맥 요소 | 끈 <선택 과목>
 this.contentEl()

쿼리할 DOM 요소입니다. 첫 번째로 일치하는 요소가 컨텍스트로 사용되는 경우 선택자 문자열일 수도 있습니다. 누락된 경우 this.contentEl()이 사용됩니다. this.contentEl()이 아무 것도 반환하지 않으면 document 로 돌아갑니다.
다음에서 상속:
원천:
component.js
참조:
반환:

발견된 dom 요소 또는 null

유형
요소 | 없는

$$(선택자 [, 문맥])

선택기 와 일치하는 모든 DOM 요소를 찾습니다. 이는 Component 의 contentEl() 또는 다른 사용자 지정 컨텍스트 내에 있을 수 있습니다.

매개 변수 :
이름 유형 논쟁 기본값 설명
선택자 끈

querySelectorAll 에 전달될 유효한 CSS 선택기입니다.
문맥 요소 | 끈 <선택 과목>
 this.contentEl()

쿼리할 DOM 요소입니다. 첫 번째로 일치하는 요소가 컨텍스트로 사용되는 경우 선택자 문자열일 수도 있습니다. 누락된 경우 this.contentEl()이 사용됩니다. this.contentEl()이 아무 것도 반환하지 않으면 document 로 돌아갑니다.
다음에서 상속:
원천:
component.js
참조:
반환:

발견된 dom 요소 목록

유형
노드 목록

addChild(자식 [, 옵션])

이 Button 안에 자식 Component를 추가합니다.

매개 변수 :
이름 유형 논쟁 기본값 설명
어린이 문자열 | 요소

추가할 자식의 이름 또는 인스턴스입니다.
옵션 물체 <선택 과목>
 {}

자식의 자식에게 전달될 옵션의 키/값 저장소입니다.
다음에서 상속:
더 이상 사용되지 않음:
  • 버전 5 이후
원천:
button.js
반환:

자식으로 추가되는 구성 요소 입니다. 문자열을 사용할 때 구성 요소는 이 프로세스에 의해 생성됩니다.

유형
요소

추가클래스(classToAdd)

Component 요소에 CSS 클래스 이름을 추가합니다.

매개 변수 :
이름 유형 설명
추가할 클래스 끈

추가할 CSS 클래스 이름
다음에서 상속:
원천:
component.js
반환:

자신을 반환합니다. 메서드를 연결할 수 있습니다.

유형
요소

흐림()

이 구성 요소에서 포커스를 제거합니다.

다음에서 상속:
원천:
component.js

buildCSSClass()

기본 DOM className 을 빌드합니다.

재정의:
원천:
control-bar/play-toggle.js
반환:

이 개체의 DOM className입니다 .

유형
끈

어린이들()

모든 자식 구성 요소의 배열 가져오기

다음에서 상속:
원천:
component.js
반환:

아이들

유형
정렬

clearInterval(간격 ID)

window.setInterval 또는 Component#setInterval을 통해 생성되는 간격을 지웁니다. Component#setInterval을 통해 간격을 설정하는 경우 window.clearInterval 대신 이 함수를 사용하십시오. 그렇지 않으면 dispose 리스너가 Component#dispose 까지 정리되지 않습니다!

매개 변수 :
이름 유형 설명
간격 ID 숫자

지울 간격의 ID입니다. Component#setInterval 또는 window.setInterval 의 반환 값입니다.
다음에서 상속:
원천:
component.js
참조:
반환:

지워진 간격 ID를 반환합니다.

유형
숫자

clearTimeout(타임아웃 ID)

window.setTimeout 또는 Component#setTimeout 을 통해 생성되는 제한 시간을 지웁니다. Component#setTimeout을 통해 타임아웃을 설정했다면 window.clearTimout 대신 이 함수를 사용하세요. 그렇지 않으면 dispose 리스너가 Component#dispose 까지 정리되지 않습니다!

매개 변수 :
이름 유형 설명
timeoutId 숫자

지울 제한 시간의 ID입니다. Component#setTimeout 또는 window.setTimeout 의 반환 값입니다.
다음에서 상속:
원천:
component.js
참조:
반환:

지워진 시간 제한 ID를 반환합니다.

유형
숫자

내용엘()

Component 의 DOM 요소를 반환합니다. 이것은 아이들이 삽입되는 곳입니다. 이것은 일반적으로 Component#el 에 반환된 요소와 동일합니다.

다음에서 상속:
원천:
component.js
반환:

이 Component 의 콘텐츠 요소입니다.

유형
요소

controlText( [텍스트] [,엘])

Component 의 컨트롤에 사용할 현지화 텍스트를 가져오거나 설정합니다.

매개 변수 :
이름 유형 논쟁 기본값 설명
텍스트 끈 <선택 과목>

요소에 대한 제어 텍스트입니다.
엘자 요소 <선택 과목>
 이.엘()

제목을 설정할 요소입니다.
다음에서 상속:
원천:
clickable-component.js
반환:
  • 가져올 때 제어 텍스트
    - 설정시 자신을 반환합니다. 메서드를 연결할 수 있습니다.
유형
문자열 | ClickableComponent

createControlTextEl([엘])

이 구성 요소 에 제어 텍스트 요소를 만듭니다.

매개 변수 :
이름 유형 논쟁 설명
엘자 요소 <선택 과목>

제어 텍스트의 상위 요소입니다.
다음에서 상속:
원천:
clickable-component.js
반환:

생성되는 제어 텍스트 요소입니다.

유형
요소

createEl( [태그] [, 소품] [, 속성])

Button 의 DOM 요소를 만듭니다.

매개 변수 :
이름 유형 논쟁 기본값 설명
꼬리표 끈 <선택 과목>
 단추

요소의 노드 유형입니다. 예: '버튼'
소품 물체 <선택 과목>
 {}

요소에 설정해야 하는 속성의 개체입니다.
속성 물체 <선택 과목>
 {}

요소에 설정해야 하는 특성 개체입니다.
다음에서 상속:
원천:
button.js
반환:

생성되는 요소입니다.

유형
요소

현재 치수(너비 또는 높이)

구성 요소 계산 스타일의 너비 또는 높이를 가져옵니다. window.getComputedStyle 을 사용합니다.

매개 변수 :
이름 유형 설명
너비 또는 높이 끈

'너비' 또는 '높이'를 포함하는 문자열. 당신이 얻고 싶은 것.
다음에서 상속:
원천:
component.js
반환:

요청되는 차원 또는 해당 차원에 대해 아무 것도 설정되지 않은 경우 0입니다.

유형
숫자

현재 치수()

Component 계산 스타일의 너비 및 높이 값을 포함하는 개체를 가져옵니다.

다음에서 상속:
원천:
component.js
반환:

구성요소 요소의 치수

유형
Component~DimensionObject

현재 높이()

Component 계산 스타일의 높이를 가져옵니다. window.getComputedStyle 을 사용합니다.

다음에서 상속:
원천:
component.js
반환:

height 구성 요소 의 계산 스타일 높이입니다.

유형
숫자

전류폭()

Component 계산 스타일의 너비를 가져옵니다. window.getComputedStyle 을 사용합니다.

다음에서 상속:
원천:
component.js
반환:

width Component 계산 스타일의 폭입니다.

유형
숫자

차원(너비 또는 높이 [, 숫자] [, skipListeners])

Component 요소의 너비 또는 높이를 가져오거나 설정합니다. 이것은 Component#width 및 Component#height 에 대한 공유 코드입니다.

알아야 할 사항:

  • 숫자의 너비 또는 높이인 경우 'px'가 뒤에 붙은 숫자를 반환합니다.
  • 너비/높이가 퍼센트인 경우 '%'가 뒤에 붙은 퍼센트를 반환합니다.
  • 숨겨진 요소의 너비는 window.getComputedStyle 로 0입니다. 이 함수는 기본적으로 Component 의 style.width를 사용하고 window.getComputedStyle을 사용합니다. 자세한 내용은 이것을 참조하십시오
  • 구성 요소의 계산된 스타일을 원하면 Component#currentWidth 및 {Component#currentHeight를 사용합니다.
매개 변수 :
이름 유형 논쟁 설명
너비 또는 높이 끈

8 '너비' 또는 '높이'
숫자 번호 | 끈 <선택 과목>

8 새로운 차원
skipListeners 부울 <선택 과목>

크기 조정 이벤트 트리거 건너뛰기
다음에서 상속:
원천:
component.js
화재:
반환:
  • 얻을 때의 차원 또는 설정되지 않은 경우 0
    - 설정시 자신을 반환합니다. 메서드를 연결할 수 있습니다.
유형
요소

치수(너비, 높이)

Component 요소의 너비와 높이를 동시에 설정합니다.

매개 변수 :
이름 유형 설명
폭 번호 | 끈

Component 요소를 설정할 너비입니다.
신장 번호 | 끈

Component 요소를 설정할 높이입니다.
다음에서 상속:
원천:
component.js
반환:

자신을 반환합니다. 메서드를 연결할 수 있습니다.

유형
요소

장애를 입히다()

활성화하거나 클릭할 수 없도록 Button 요소를 활성화합니다. Button#enable 과 함께 사용하세요.

다음에서 상속:
원천:
button.js

폐기()

구성 요소 와 모든 하위 구성 요소를 폐기하십시오.

다음에서 상속:
원천:
component.js
화재:

엘자()

Component 의 DOM 요소 가져오기

다음에서 상속:
원천:
component.js
반환:

이 Component 의 DOM 요소입니다.

유형
요소

할 수 있게 하다()

활성화하거나 클릭할 수 있도록 Button 요소를 활성화합니다. Button#disable 과 함께 사용하세요.

다음에서 상속:
원천:
button.js

enableTouchActivity()

이 기능은 터치 이벤트가 발생할 때마다 사용자 활동을 보고합니다. 이것은 터치 이벤트가 다른 방식으로 작동하기를 원하는 하위 구성 요소에 의해 꺼질 수 있습니다.

터치 이벤트가 발생할 때 사용자 터치 활동을 보고합니다. 컨트롤을 표시하거나 숨길 시기를 결정하는 데 사용자 활동이 사용됩니다. 모든 마우스 이벤트가 컨트롤을 표시해야 하므로 마우스 이벤트에 관해서는 간단합니다. 그래서 우리는 플레이어에게 버블링되는 마우스 이벤트를 캡처하고 그런 일이 발생할 때 활동을 보고합니다. 터치 이벤트를 사용하면 touchstart 및 touchend 토글 플레이어 컨트롤만큼 쉽지 않습니다. 따라서 터치 이벤트는 플레이어 수준에서도 도움이 되지 않습니다.

사용자 활동은 비동기식으로 확인됩니다. 그래서 일어날 수 있는 일은 비디오의 탭 이벤트가 컨트롤을 끄는 것입니다. 그런 다음 touchend 이벤트가 플레이어에게 거품을 일으킵니다. 사용자 활동을 보고하면 제어 기능이 다시 켜집니다. 또한 터치 이벤트가 버블링되는 것을 완전히 차단하고 싶지 않습니다. 또한 touchmove 이벤트 및 탭 이외의 이벤트는 컨트롤을 다시 켜서는 안 됩니다.

다음에서 상속:
원천:
component.js
이벤트 수신:
  • Component#event:touchstart
  • Component#event:touchmove
  • Component#event:touchend
  • Component#event:touchcancel

집중하다()

이 구성 요소에 초점 설정

다음에서 상속:
원천:
component.js

getAttribute(속성)

Component 요소의 속성 값을 가져옵니다.

매개 변수 :
이름 유형 설명
기인하다 끈

값을 가져올 속성의 이름입니다.
다음에서 상속:
원천:
component.js
참조:
반환:
  • 요청된 속성의 값입니다.
    - 속성이 존재하지 않는 경우 일부 브라우저에서 빈 문자열일 수 있습니다.
    또는 가치가 없다
  - 속성이 존재하지 않거나 속성이 있는 경우 대부분의 브라우저는 null을 반환합니다.
    가치 없음.
유형
문자열 | 없는

getChild(이름)

주어진 이름을 가진 자식 Component를 반환합니다.

매개 변수 :
이름 유형 설명
이름 끈

가져올 자식 구성 요소 의 이름입니다.
다음에서 상속:
원천:
component.js
반환:

지정된 이름 또는 정의되지 않은 자식 구성 요소 입니다.

유형
구성요소 | 한정되지 않은

getChildById(ID)

주어진 id 를 가진 자식 Component를 반환합니다.

매개 변수 :
이름 유형 설명
ID 끈

가져올 자식 구성 요소 의 ID입니다.
다음에서 상속:
원천:
component.js
반환:

주어진 id 또는 정의되지 않은 자식 구성 요소 입니다.

유형
구성요소 | 한정되지 않은

handleBlur(이벤트)

ClickableComponent 가 포커스를 잃을 때 호출됩니다. keydown 이벤트에 대한 리스너를 끕니다. this.handleKeyPress가 호출되는 것을 중지합니다.

매개 변수 :
이름 유형 설명
이벤트 EventTarget~이벤트

이 함수를 호출한 흐림 이벤트입니다.
다음에서 상속:
원천:
clickable-component.js
이벤트 수신:
  • 이벤트:흐림

handleClick( [이벤트])

PlayToggle 이 "클릭"될 때 호출됩니다. 클릭이 무엇인지에 대한 자세한 내용은 ClickableComponent를 참조하십시오.

매개 변수 :
이름 유형 논쟁 설명
이벤트 EventTarget~이벤트 <선택 과목>

이 함수를 호출한 keydown , tap 또는 click 이벤트입니다.
재정의:
원천:
control-bar/play-toggle.js
이벤트 수신:
  • 이벤트:탭
  • 이벤트:클릭

handleFocus(이벤트)

이것은 ClickableComponent 가 포커스 이벤트를 통해 포커스를 얻을 때 호출됩니다. keydown 이벤트 수신을 켭니다. 발생하면 this.handleKeyPress 를 호출합니다.

매개 변수 :
이름 유형 설명
이벤트 EventTarget~이벤트

이 함수를 호출한 포커스 이벤트입니다.
다음에서 상속:
원천:
clickable-component.js
이벤트 수신:
  • 이벤트:포커스

handleKeyPress(이벤트)

Button 에 포커스가 있고 키 누름을 통해 keydown이 트리거될 때 호출됩니다.

매개 변수 :
이름 유형 설명
이벤트 EventTarget~이벤트

이 함수를 호출하게 만든 이벤트입니다.
다음에서 상속:
원천:
button.js
이벤트 수신:
  • 이벤트:키다운

handlePause( [이벤트])

모양을 변경할 수 있도록 요소에 vjs-paused 클래스를 추가합니다.

매개 변수 :
이름 유형 논쟁 설명
이벤트 EventTarget~이벤트 <선택 과목>

이 함수를 실행하게 만든 이벤트입니다.
원천:
control-bar/play-toggle.js
이벤트 수신:

handlePlay( [이벤트])

모양을 변경할 수 있도록 요소에 vjs-playing 클래스를 추가합니다.

매개 변수 :
이름 유형 논쟁 설명
이벤트 EventTarget~이벤트 <선택 과목>

이 함수를 실행하게 만든 이벤트입니다.
원천:
control-bar/play-toggle.js
이벤트 수신:

hasClass(classToCheck)

구성 요소의 요소에 CSS 클래스 이름이 있는지 확인하십시오.

매개 변수 :
이름 유형 설명
classToCheck 끈

확인할 CSS 클래스 이름입니다.
다음에서 상속:
원천:
component.js
반환:
  • 구성 요소 에 클래스가 있으면 참입니다.
    - `Component`에 class`가 없으면 False
유형
부울

높이( [숫자] [, skipListeners])

CSS 스타일을 기반으로 구성 요소의 높이를 가져오거나 설정합니다. 자세한 내용은 Component#dimension을 참조하십시오.

매개 변수 :
이름 유형 논쟁 설명
숫자 번호 | 끈 <선택 과목>

설정하려는 높이는 '%', 'px' 또는 아무것도 뒤에 붙지 않습니다.
skipListeners 부울 <선택 과목>

크기 조정 이벤트 트리거 건너뛰기
다음에서 상속:
원천:
component.js
반환:
  • 가져올 때 너비, 너비가 없으면 0입니다. 문자열이 될 수 있습니다.
    '%' 또는 'px'가 뒤에 붙습니다.
  - 설정시 자체적으로 반환됩니다. 메서드를 연결할 수 있습니다.
유형
구성요소 | 번호 | 끈

숨다()

현재 표시되고 있는 경우 'vjs-hidden' 클래스 이름을 추가하여 Component 요소를 숨깁니다.

다음에서 상속:
원천:
component.js
반환:

자신을 반환합니다. 메서드를 연결할 수 있습니다.

유형
요소

ID()

이 구성 요소 의 ID 가져오기

다음에서 상속:
원천:
component.js
반환:

이 구성요소 의 ID

유형
끈

초기화 어린이()

옵션에 따라 기본 자식 Component 를 추가하고 초기화합니다.

다음에서 상속:
원천:
component.js

현지화(문자열)

주어진 문자열을 영어로 현지화합니다.

매개 변수 :
이름 유형 설명
끈 끈

지역화할 문자열입니다.
다음에서 상속:
원천:
component.js
반환:

현지화된 문자열 또는 현지화가 없는 경우 영어 문자열입니다.

유형
끈

이름()

구성 요소 의 이름을 가져옵니다. 이름은 구성 요소를 참조하는 데 사용되며 등록 중에 설정됩니다.

다음에서 상속:
원천:
component.js
반환:

이 Component 의 이름입니다.

유형
끈

off( [첫 번째] [, 두 번째] [, 세 번째])

이 Component 요소에서 이벤트 수신기를 제거합니다. 두 번째 인수가 제외되면 첫 번째 인수로 전달된 유형의 모든 리스너가 제거됩니다.

매개 변수 :
이름 유형 논쟁 설명
첫 번째 문자열 | 구성요소 | 정렬.< 끈> <선택 과목>

이벤트 이름 및 이벤트 이름의 배열 또는 다른 Component .
두번째 EventTarget~EventListener | 문자열 | 정렬.< 끈> <선택 과목>

리스너 함수, 이벤트 이름 또는 이벤트 이름의 배열입니다.
제삼 EventTarget~EventListener <선택 과목>

첫 번째 가 구성 요소 이고 두 번째 가 이벤트 이름 또는 이벤트 이름의 배열인 경우 이벤트 핸들러입니다.
다음에서 상속:
원천:
component.js
반환:

자신을 반환합니다. 메서드를 연결할 수 있습니다.

유형
요소

on( [첫 번째] [, 두 번째] [, 세 번째])

이 Component 요소에 이벤트 수신기를 추가합니다.

다음보다 이것을 사용하는 이점:

  • VjsEvents.on(otherElement, 'eventName', myFunc)

  • otherComponent.on('eventName', myFunc)

  • 두 구성 요소 중 하나가 삭제되면 수신기가 정리됩니다.

  • 또한 myFunc 의 컨텍스트로 myComponent를 바인딩합니다.

    참고 : 사용된 DOM에서 요소를 제거하는 경우 다음을 수행해야 합니다.

    `myComponent.trigger(el, 'dispose')`를 사용하여 참조를 정리합니다.
 이것은 또한 브라우저가 가비지 수집을 허용합니다. 특별히
 둘 다 영구적인 `window` 및 `document`와 같은 경우,
 이것은 필요하지 않습니다.
매개 변수 :
이름 유형 논쟁 설명
첫 번째 문자열 | 구성요소 | 정렬.< 끈> <선택 과목>

이벤트 이름 및 이벤트 이름의 배열 또는 다른 Component .
두번째 EventTarget~EventListener | 문자열 | 정렬.< 끈> <선택 과목>

리스너 함수, 이벤트 이름 또는 이벤트 이름의 배열입니다.
제삼 EventTarget~EventListener <선택 과목>

첫 번째 가 구성 요소 이고 두 번째 가 이벤트 이름 또는 이벤트 이름의 배열인 경우 이벤트 핸들러입니다.
다음에서 상속:
원천:
component.js
이벤트 수신:
반환:

자신을 반환합니다. 메서드를 연결할 수 있습니다.

유형
요소

하나( [첫 번째] [, 두 번째] [, 세 번째])

한 번만 트리거된 다음 제거되는 이벤트 리스너를 추가합니다.

매개 변수 :
이름 유형 논쟁 설명
첫 번째 문자열 | 구성요소 | 정렬.< 끈> <선택 과목>

이벤트 이름 및 이벤트 이름의 배열 또는 다른 Component .
두번째 EventTarget~EventListener | 문자열 | 정렬.< 끈> <선택 과목>

리스너 함수, 이벤트 이름 또는 이벤트 이름의 배열입니다.
제삼 EventTarget~EventListener <선택 과목>

첫 번째 가 구성 요소 이고 두 번째 가 이벤트 이름 또는 이벤트 이름의 배열인 경우 이벤트 핸들러입니다.
다음에서 상속:
원천:
component.js
반환:

자신을 반환합니다. 메서드를 연결할 수 있습니다.

유형
요소

옵션(obj)

옵션 개체를 새 옵션과 완전히 병합합니다.

참고: obj 와 options 모두 값이 개체인 속성을 포함하는 경우. 두 속성은 module:mergeOptions를 사용하여 병합됩니다.

매개 변수 :
이름 유형 설명
객체 물체

새 옵션을 포함하는 개체입니다.
다음에서 상속:
더 이상 사용되지 않음:
  • 버전 5 이후
원천:
component.js
반환:

this.options_ 와 obj 의 새 개체가 함께 병합되었습니다.

유형
물체

플레이어()

반환플레이어그요소에 첨부했습니다.

다음에서 상속:
원천:
component.js
반환:

이 구성 요소 가 연결된 플레이어입니다.

유형
플레이어

준비 완료(fn [, 동기화])

리스너를 구성 요소의 준비 상태에 바인딩합니다. 준비 이벤트가 이미 발생한 경우 즉시 기능을 트리거합니다.

매개 변수 :
이름 유형 논쟁 기본값 설명
fn 구성요소~ReadyCallback

준비가 트리거될 때 호출할 함수입니다.
동조 부울 <선택 과목>
 거짓

Component가 준비되면 리스너를 동기적으로 실행합니다.
다음에서 상속:
원천:
component.js
반환:

자신을 반환합니다. 메서드를 연결할 수 있습니다.

유형
요소

removeAttribute(속성)

Component 의 요소에서 속성을 제거합니다.

매개 변수 :
이름 유형 설명
기인하다 끈

제거할 속성의 이름입니다.
다음에서 상속:
원천:
component.js
참조:
반환:

자신을 반환합니다. 메서드를 연결할 수 있습니다.

유형
요소

removeChild(구성 요소)

이 Component 의 자식 목록에서 자식 Component를 제거합니다. 또한 이 Component 요소에서 하위 Component 요소를 제거합니다.

매개 변수 :
이름 유형 설명
요소 요소

제거할 자식 Component 입니다.
다음에서 상속:
원천:
component.js

removeClass(classToRemove)

Component 요소에서 CSS 클래스 이름을 제거합니다.

매개 변수 :
이름 유형 설명
제거할 클래스 끈

제거할 CSS 클래스 이름
다음에서 상속:
원천:
component.js
반환:

자신을 반환합니다. 메서드를 연결할 수 있습니다.

유형
요소

setAttribute(속성, 값)

Component 요소의 속성 값 설정

매개 변수 :
이름 유형 설명
기인하다 끈

설정할 속성의 이름입니다.
값 끈

속성을 설정할 값입니다.
다음에서 상속:
원천:
component.js
참조:
반환:

자신을 반환합니다. 메서드를 연결할 수 있습니다.

유형
요소

setInterval(fn, 간격)

x 밀리초마다 실행되는 함수를 만듭니다. 이 함수는 window.setInterval을 둘러싼 래퍼입니다. 대신 이것을 사용해야 하는 몇 가지 이유가 있습니다.

  1. 통해 클리어됩니다. 구성요소#clearInterval언제컴포넌트#dispose호출됩니다.
  2. 함수 콜백은 Component~GenericCallback이 됩니다.
매개 변수 :
이름 유형 설명
fn 구성요소~GenericCallback

x 초마다 실행되는 함수입니다.
간격 숫자

지정된 함수를 x 밀리초마다 실행합니다.
다음에서 상속:
원천:
component.js
참조:
이벤트 수신:
반환:

간격을 식별하는 데 사용할 수 있는 ID를 반환합니다. 간격을 지우기 위해 Component#clearInterval 에서 사용할 수도 있습니다.

유형
숫자

setTimeout(fn, 타임아웃)

x 밀리초 제한 시간 후에 실행되는 함수를 만듭니다. 이 함수는 window.setTimeout 을 둘러싼 래퍼입니다. 대신 이것을 사용하는 몇 가지 이유가 있습니다.

  1. 통해 클리어됩니다. 구성요소#clearTimeout언제컴포넌트#dispose호출됩니다.
  2. 함수 콜백은 Component~GenericCallback 으로 바뀝니다.

참고: 이 함수에서 반환된 ID에 window.clearTimeout을 사용할 수 있습니다. 이렇게 하면 폐기 리스너가 정리되지 않습니다! Component#clearTimeout 또는 Component#dispose 를 사용하십시오.

매개 변수 :
이름 유형 설명
fn 구성요소~GenericCallback

timeout 후에 실행될 함수입니다.
타임 아웃 숫자

지정된 함수를 실행하기 전에 지연되는 시간 제한(밀리초)입니다.
다음에서 상속:
원천:
component.js
참조:
이벤트 수신:
반환:

시간 초과를 식별하는 데 사용되는 시간 초과 ID를 반환합니다. 설정된 시간 제한을 지우기 위해 Component#clearTimeout 에서 사용할 수도 있습니다.

유형
숫자

보여주다()

Component 요소가 숨겨진 경우 'vjs-hidden' 클래스 이름을 제거하여 표시합니다.

다음에서 상속:
원천:
component.js
반환:

자신을 반환합니다. 메서드를 연결할 수 있습니다.

유형
요소

toggleClass(classToToggle [, predicate])

구성 요소의 요소에서 CSS 클래스 이름을 추가하거나 제거합니다.

매개 변수 :
이름 유형 논쟁 설명
클래스투토글 끈

추가하거나 제거할 클래스(@link Component#hasClass}
술부 부울 | 돔~술어 <선택 과목>

Dom~predicate 함수 또는 부울
다음에서 상속:
원천:
component.js
반환:

자신을 반환합니다. 메서드를 연결할 수 있습니다.

유형
요소

trigger(이벤트 [, 해시])

요소에서 이벤트를 트리거합니다.

매개 변수 :
이름 유형 논쟁 설명
이벤트 이벤트대상~이벤트 | 개체 | 끈

이벤트 이름 및 Event 또는 이벤트 이름으로 설정된 type 속성이 있는 이벤트와 유사한 객체.
해시시 물체 <선택 과목>

이벤트와 함께 전달할 데이터 해시
다음에서 상속:
원천:
component.js
반환:

자신을 반환합니다. 메서드를 연결할 수 있습니다.

유형
요소

트리거준비()

이 Component 에 대한 모든 준비된 리스너를 트리거합니다.

다음에서 상속:
원천:
component.js
화재:

너비( [숫자] [, skipListeners])

CSS 스타일을 기반으로 구성 요소의 너비를 가져오거나 설정합니다. 자세한 내용은 Component#dimension을 참조하십시오.

매개 변수 :
이름 유형 논쟁 설명
숫자 번호 | 끈 <선택 과목>

설정하려는 너비는 '%', 'px' 또는 아무것도 뒤에 붙지 않습니다.
skipListeners 부울 <선택 과목>

크기 조정 이벤트 트리거 건너뛰기
다음에서 상속:
원천:
component.js
반환:
  • 가져올 때 너비, 너비가 없으면 0입니다. 문자열이 될 수 있습니다.
    '%' 또는 'px'가 뒤에 붙습니다.
  - 설정시 자체적으로 반환됩니다. 메서드를 연결할 수 있습니다.
유형
구성요소 | 번호 | 끈

이벤트

처분하다

구성 요소가 삭제될 때 트리거됩니다.

유형: EventTarget~이벤트
속성:
이름 유형 논쟁 기본값 설명
거품 부울 <선택 과목>
 거짓

닫기 이벤트가 발생하지 않도록 false로 설정
다음에서 상속:
원천:
component.js

준비된

구성 요소가 준비되면 트리거됩니다.

유형: EventTarget~이벤트
다음에서 상속:
원천:
component.js

크기 조정

구성 요소의 크기가 조정될 때 트리거됩니다.

유형: EventTarget~이벤트
다음에서 상속:
원천:
component.js

수도꼭지

구성 요소를 탭하면 트리거됩니다.

유형: EventTarget~이벤트
다음에서 상속:
원천:
component.js