javascriptでカスタムイベントを作成するには？

Question

私は自分のjavascriptを作りたいです。クリック、ホバーのような自分のイベントを作成する可能性はありますか？本当にうまくいくイベントが欲しい。ユーザーがキャンセル/削除ボタンをクリックしたときに発生するイベントを作成する。 （2）を加算する（1）要素に "バインド" リスナーを選択：

Answer 1

は2つのことをやって必要https://developer.mozilla.org/en-US/docs/Web/API/CustomEventおよびJavaScriptでのイベントリスナーを作成https://davidwalsh.name/customeventを

var myElement = document.querySelector('p'); 
 

 
myElement.addEventListener("userLogin", function(e) { 
 
    console.info("Event is: ", e); 
 
    console.info("Custom data is: ", e.detail); 
 
}); 
 

 
var myEvent = new CustomEvent("userLogin", { 
 
    detail: { 
 
    username: "davidwalsh" 
 
    } 
 
}); 
 

 
// Trigger it! 
 
myElement.dispatchEvent(myEvent);

<p>Custom Event Element</p>

Answer 2

を参照してください。イベントリスナー：

// add event listener to table 
var el = document.getElementById("#myElement"); 
el.addEventListener("click", function() { 
    alert('element clicked!'); 
}); 

この特定の実装では、 ID myElementの要素がクリックされたとき。

詳細については、event listenersのMDNsページをご覧ください。

---

「カスタム」イベントに関する質問として、カスタムJavaScriptイベントを次のように作成できます。

var event = new Event('build'); 

// Listen for the event. 
var el = document.getElementById("#myElement"); 
el.addEventListener('build', function (e) { ... }, false); 

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

カスタムJSイベントhereについての詳細を読むことができます。