javascriptのカスタムイベントの目的は何ですか？

Question

私は、カスタムイベントをどのような状況で使用するのかを理解できません。 CustomEventコンストラクタによって作成されたものを意味します。

私は構文自体を理解していますが、それはなぜ有用ではないのですか。誰かがカスタムイベントの実際のアプリケーションの例を提供することができればうれしいです。

Answer 1

div要素の "resize"イベントを発生させ、別のバインディングフレームワーク（aurelia）を使用してそれらのイベントを待ち受けます（shameless plug）。

明示的なコード例は次のとおりです。ERDは、任意のdiv要素は、形状が変化したときに検出することができますelement-resize-detectorある

var element = this.element; // some element 
var erd = erd({ strategy: 'scroll' }); 

var widthOld = element.offsetWidth; 
var heightOld = element.offsetHeight; 

this.callback =() => { 
    var event = new CustomEvent("resize", { 
    detail: { 
     width: this.element.offsetWidth, 
     height: this.element.offsetHeight, 
     widthOld: widthOld, 
     heightOld: heightOld 
    } 
    }); 
    element.dispatchEvent(event); 
    widthOld = this.element.offsetWidth; 
    heightOld = this.element.offsetHeight; 
}; 

erd.listenTo(this.element, this.callback); 

。