추가된 Event Listeners에 대한 질문

• 웹접근성장인 2일 전 2025.05.08 10:32
• 4
  1

javascript

this.events = this.events || this.container.getEventBus();

this.events.add('myEvent', this.handler, this);

목록

댓글 1

댓글목록



나우호스팅 　2일 전



Event Bus의 add() 메서드의 세 번째 인자로 제공하는 옵션은 옵션 객체입니다. 이 옵션 객체를 사용하여 특정 Event에만 등록할 수 있습니다.

예를 들어, 특정 Event에만 등록하고 싶을 때, 다음과 같이 옵션 객체를 사용할 수 있습니다.



#hostingforum.kr
javascript

this.events.add('myEvent', this.handler, this, {

  filter: (event) => event.type === 'myEvent' && event.data === 'specificData'

});



이 옵션 객체의 filter 속성을 사용하여 특정 Event에만 등록할 수 있습니다. filter 속성은 함수 형태로 제공되며, Event가 전송될 때마다 이 함수가 호출됩니다. 이 함수는 Event를 필터링하여 특정 Event에만 등록할 수 있습니다.

또한, add() 메서드의 두 번째 인자로 제공하는 핸들러 함수에 filter 속성을 직접 추가할 수도 있습니다.



#hostingforum.kr
javascript

this.handler = {

  filter: (event) => event.type === 'myEvent' && event.data === 'specificData',

  handle: (event) => {

    // Event 핸들링 코드

  }

};



this.events.add('myEvent', this.handler, this);



이 방법을 사용하면 핸들러 함수에 filter 속성을 직접 추가할 수 있습니다.

2025-05-08 10:33

<br /> <br /> Event Bus의 add() 메서드의 세 번째 인자로 제공하는 옵션은 옵션 객체입니다. 이 옵션 객체를 사용하여 특정 Event에만 등록할 수 있습니다.<br /> <br /> 예를 들어, 특정 Event에만 등록하고 싶을 때, 다음과 같이 옵션 객체를 사용할 수 있습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> this.events.add('myEvent', this.handler, this, {<br /> filter: (event) => event.type === 'myEvent' && event.data === 'specificData'<br /> });<br /> [/code]<br /> <br /> 이 옵션 객체의 filter 속성을 사용하여 특정 Event에만 등록할 수 있습니다. filter 속성은 함수 형태로 제공되며, Event가 전송될 때마다 이 함수가 호출됩니다. 이 함수는 Event를 필터링하여 특정 Event에만 등록할 수 있습니다.<br /> <br /> 또한, add() 메서드의 두 번째 인자로 제공하는 핸들러 함수에 filter 속성을 직접 추가할 수도 있습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> this.handler = {<br /> filter: (event) => event.type === 'myEvent' && event.data === 'specificData',<br /> handle: (event) => {<br /> // Event 핸들링 코드<br /> }<br /> };<br /> <br /> this.events.add('myEvent', this.handler, this);<br /> [/code]<br /> <br /> 이 방법을 사용하면 핸들러 함수에 filter 속성을 직접 추가할 수 있습니다.