カスタムアタッチされたデータを使用したJavaScriptイベントの作成

Question

手動で作成したJavaScriptイベントにカスタムデータを渡すJavaScript方法はありますか？

[OK]を、のは、私はJavaScriptのイベントを作成し、トリガするこのコードを得たとしましょう：

var evObj = document.createEvent('HTMLEvents'); 
evObj.initEvent('submit', bubbling, cancelable); 
anElement.dispatchEvent(evObj); 

これは正常に動作し、このコードを使用して処理することができます。

document.addEventListener('submit', mySubmitEventHandler, true); 

しかし、私が必要追加のデータをイベントに渡す方法。mySubmitEventHandlerは、ユーザーがイベントを発生させたのか、または上に示したようにJavaScriptイベントを作成したのかを知るようにします。ブール値で十分です。

したがって、新しく作成したevObjに「myEvent = true」のようなものを追加するにはどうすればよいですか？

jQueryの回答はしないでください。純粋なJavaScriptでこれを行う必要があります。

Answer 1

がevObjにパラメータをアタッチできます

ホープ・リスナーにデータを読み込みます。

evObj.flag = 'Hi!'; 
anElement.dispatchEvent(evObj); 

このコードはdispatchEventによって渡されたイベントオブジェクトは、イベントリスナーの1（Live demo）に等しいことを示しています。これは分以前に投稿されましたので、

var evObj = document.createEvent('HTMLEvents'); 
document.body.addEventListener('test', function(e){ alert(e === evObj); },true); 
evObj.initEvent('test', true, true); 
document.body.dispatchEvent(evObj); // Shows alert, "true" 

Answer 2

あなたのevObjは通常のオブジェクトです。あなたはevObj.myData = "blablabla"のようなオブジェクトのプロパティとしてデータを追加できます。その後、これは