jsでイベントコンストラクタを使用する良い例は何ですか？学習の過程で、このページに走ったので、私は、どのように適切にJavaScriptでイベントを作成し、火災に把握しようとしています

Question

：

先頭に次の私を知らせ

https://developer.mozilla.org/en-US/docs/DOM/document.createEvent

：

createEventメソッドは推奨されていません。代わりにイベントコンストラクタを使用します。

グーグルJSのイベントコンストラクタはあまり実りありませんでした。一般的なコンストラクタの話題ですが、私が探しているものではありません。誰かが私にイベントコンストラクタとは何かを説明し、その使用法の良い例を提供してもらえますか？

Answer 1

https://developer.mozilla.org/en-US/docs/Web/API/CustomEventから：

イベントが今CustomEventと呼ばれるクラスにカプセル化されているようです。古いdocument.createEventは、イベントオブジェクトを返すファクトリメソッドと考えることができます。これで、document.createEventを使用してオブジェクトを作成するのではなく、オブジェクトを直接作成するアクセス権が得られました。

//this is the new way 
    var my_event = new CustomEvent('NewEventName'); 
    var my_element = document.getElementById('TargetElement'); 
    my_element.dispatchEvent(my_event); 

は

//this is the old way 
    var my_event = document.createEvent('NewEventName'); 
    var my_element = document.getElementById('TargetElement'); 
    my_element.dispatchEvent(my_event); 

Answer 2

あなたがにaddEventListener（）

https://developer.mozilla.org/en-US/docs/DOM/EventTarget.addEventListener

を使用したいここでイベントを取り付けるためのマイライブラリのコードはだ、私はstackoverflowの上でこれらを発見し、私のアプリグローバル名前空間の中に置く：

var app={} 

app.listenEvent=function(eventTarget, eventType, eventHandler) { 
    if (eventTarget.addEventListener) { 
     eventTarget.addEventListener(eventType, eventHandler,false); 
    } 
    else if (eventTarget.attachEvent) { 
     eventType = "on" + eventType; 
     eventTarget.attachEvent(eventType, eventHandler); 
    } 
    else { 
    eventTarget["on" + eventType] = eventHandler; 
    } 
} 


app.cancelEvent=function(event) { 
    if (event.preventDefault) 
     event.preventDefault() 
    else 
     event.returnValue = false; 
} 


app.cancelPropagation=function(event) { 
    if (event.stopPropagation) { 
     event.stopPropagation(); 
    } else { 
    event.cancelBubble = true; } 
} 

イベントのリスニングを追加するには：

app.listenEvent(document.aform.afield, 'focus', function(){console.log(arguments)}) 

これらの機能は素晴らしいです、彼らはすべてのブラウザで動作します。