jsイベントとDOMイベントの違いは何ですか？

Question

jsのイベント（click、keyPressなど）を理解しようとしています。しかし、私がオンラインで勉強したとき、私はそれが「DOMイベント」についてたくさん言及しているのを見ました。だから私の質問は、DOMイベントと同じjsイベントですか？そうでない場合、違いは何ですか？

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関数がオブジェクトにアタッチされたハンドラのリストを保持し、トリガ関数がそれぞれを呼び出して必要なデータを使用して呼び出すことです。

Answer 2

DOMイベント：このイベントは次のようにその上に特定のアクションを実行するためにDOMのコンポーネントで実行（イベント/プロパティなど）

のJSイベント：このイベントは、（検証のようなDOMオブジェクトのコンテンツに対するアクションを実行します（条件）、式、Domオブジェクトに対するメソッドなど）

Answer 3

DOMイベントは、DOMが変更されたりユーザーとやりとりするときに発生し、JavaScriptイベントです。 http://www.w3schools.com/jsref/dom_obj_event.asp

DOMイベント以外にも、独自のイベントオブジェクトをJavascriptで定義し、 'dispatchEvent'メソッドを使用してそのイベントを発生させることができます。たとえば：要するに

var event = new Event('build'); 

// Listen for the event. 
elem.addEventListener('build', function (e) { ... }, false); 

// Dispatch the event. 
elem.dispatchEvent(event); 

、あなたはDOMイベントのDOM要素から発射ネイティブのJavascriptのイベントをしていると考えることができます。 JavascriptイベントはDOMイベントまたはカスタムイベントです。

Answer 4

DOMイベントは、DOM内の要素またはオブジェクト聞いてください。たとえば、ボタンのクリック、テキスト入力のキー入力、マウスオーバーなどです。通常、DOMイベントは、ユーザーのやりとり（マウスイベント、キーボードイベント、フォーム送信など）によってトリガーされます。 DOMイベントはプログラマチックにトリガーすることができます。

例えば、DOMイベントとしてみなされない他のイベントがあります

• AJAX応答（onreadystatechange）
• のWebSocketメッセージは（MessageEvent）
• のlocalStorageデータ（storage）変更受信が