addEventListenerのEventListenerのインターフェースオブジェクト

この記事では、主に addEventListener の EventListener インターフェイス オブジェクトを紹介します。このオブジェクトには特定の参照値があります。必要な友達はそれを参照できるようにします。

先頭に書かれています

addEventListener パラメーターの 2 番目の部分が抜けています。関数だけでなく、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 インターフェイスを実装するオブジェクト、または関数である必要があります

🎜私は常に listener を使用します。関数をコードに挿入し、イベントの発生をリッスンしてロジックを実装します。しかし、ドキュメントの説明には最初に「EventListener インターフェイスを実装するオブジェクト」と記載されていたのですが、さらにドキュメントを読んだ後、このオブジェクトが handleEvent メソッドを含むオブジェクトを参照していることがわかりました。 🎜rrreee🎜EventListener で登録されたイベントが発生すると、このメソッドが呼び出され、イベント パラメーターがメソッドに渡されます。 🎜🎜概念を理解したら、このナレッジポイントが実際の開発にどのようなメリットをもたらすかを見てみましょう🎜🎜開発中のアプリケーション🎜🎜たとえば

以上がaddEventListenerのEventListenerのインターフェースオブジェクトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。