addEventListener에 있는 EventListener의 인터페이스 객체

이 글에서는 addEventListener에 있는 EventListener 인터페이스 객체를 주로 소개하는데, 이는 특정 참조 값을 가지고 있습니다. 이제는 모든 사람과 공유합니다. 도움이 필요한 친구들이 참조할 수 있습니다.

앞에 작성됨

누락된 지식 포인트: addEventListener 매개변수의 두 번째 부분 함수뿐만 아니라 EventListener 인터페이스를 구현하는 객체에도 전달될 수 있습니다. EventListener 接口的对象。

文档中的描述

listener

当所监听的事件类型触发时，会接收到一个事件通知（实现了 Event 接口的对象）对象。listener 必须是一个实现了 EventListener 接口的对象，或者是一个函数

摘自MDN

我一直都是在listener中传入一个函数，通过监听事件发生来实现一些逻辑。然而看到文档描述中先提到了“一个实现了EventListener接口的对象”通过进一步查看文档了解到，这个对象指的就是一个含有handleEvent方法的对象。

var obj = {
   // ...
    handleEvent: function(event) {
        // ...
        console.log('event', event)
    }
}
document.body.addEventListener('click', obj, false)

当EventListener

문서의 설명

listener수신 중인 이벤트 유형이 트리거되면 이벤트 알림(Event 인터페이스를 구현하는 개체) 개체가 수신됩니다. listener는 EventListener 인터페이스를 구현하는 객체이거나

MDN에서 발췌

🎜저는 항상 listener를 사용했습니다. 이벤트 발생을 수신하여 일부 로직을 구현하기 위해 코드에 함수를 추가합니다. 그런데 문서 설명에서 처음에 "EventListener 인터페이스를 구현하는 개체"라고 언급된 것을 보았는데, 문서를 더 자세히 살펴본 후 이 개체가 <code>handleEvent 메서드를 포함하는 개체를 참조한다는 것을 알게 되었습니다. 🎜rrreee🎜EventListener에 등록된 이벤트가 발생하면 이 메서드가 호출되고 해당 메서드에 이벤트 매개변수가 전달됩니다. 🎜🎜개념을 이해했다면, 이 지식 포인트가 실제 개발에 어떤 이점을 가져올 수 있는지 살펴보는 시간입니다🎜🎜개발 중인 애플리케이션🎜🎜예를 들어

위 내용은 addEventListener에 있는 EventListener의 인터페이스 객체의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!