Какова цель пользовательских событий в javascript?

Question

У меня возникли проблемы с пониманием того, в каких ситуациях вы будете использовать пользовательские события. Я имею в виду те, которые были созданы конструктором CustomEvent.

Я понимаю сам синтаксис, а не почему это полезно. Было бы неплохо, если бы кто-нибудь мог привести пример реального применения пользовательских событий.

Answer 1

Я использую его (shameless plug), чтобы поднять события «изменить размер» на элементах div, а затем использовать отдельную структуру привязки (aurelia) для прослушивания этих событий.

явный пример кода:

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); 

где ERD является element-resize-detector, что позволяет определить, когда любой DIV изменяет форму.