javascript - js イベントと DOM イベントの違いは何ですか?

Question

js でイベント (クリック、keyPress など) を理解しようとしています。しかし、オンラインで勉強したとき、「DOMイベント」で多く言及されているのを見ました。私の質問は、js イベントは DOM イベントと同じですか? そうでない場合、違いは何ですか？

Answer 1

イベントとは、実行された特定のアクションが記録され、対応できるシステムです。ボタンをクリックする、ボックスにカーソルを合わせる、テキストを選択する、特定のチャネルで新しいメッセージを受信するなどです。

js では、DOM イベントは、DOM 内の要素に対して直接実行されるアクションに対応する標準イベントです。たとえば、ユーザーが何かをクリックしたとき、(ユーザーがボタンをクリックしたことに直接対応する) クリック イベントがトリガーされ、任意のイベント ハンドラーがアタッチされたときなどです。要素が呼び出されます。イベントのリストは次のとおりです: https://en.wikipedia.org/wiki/DOM_events これらはブラウザーによって認識およびサポートされ、ネイティブにトリガーされます。

多くの js ライブラリは、これらの DOM イベントに対して独自のイベント システムを作成します。それらはリッスンされている要素をラップし、イベントがトリガーされると、イベントを処理関数に伝達します

また、ユーザーに次のような特定の関数を呼び出させることで、DOM またはその他のオブジェクトでカスタム イベントをサポートすることもできます。

 obj.on("receive", function(){alert("Hello")})


 //Later
 obj.trigger("receive")

したがって、受信イベントをトリガーするたびに匿名関数（アラートを表示）が呼び出されます。ここで何が起こるかというと、on 関数はオブジェクトにアタッチされたハンドラーのリストを保持し、トリガー関数はそれぞれのハンドラーを呼び出し、必要なデータを使用してそれらを呼び出します。