- Если вызывать
new Event(<имя существующего события>)
то вернет обычный экземпляр события(Event) с типом указанным в первом аргументе(будет доступно через свойство type). Когда вызывается dispatchEvent
то срабатывают все обработчик событий которые подписаны на этот тип события и которые вы давали через addEventListener
и в эти обработчики событий попадет созданный вами экземпляр Event.
const event = new Event('myCustomEvent')
const elem = document.getElementById('test')
elem.addEventListener('myCustomEvent', () => {
console.log('Я всеравно вызвался')
})
const event2 = new Event('myCustomEvent')
elem.dispatchEvent(event2)
<div id="test">Клац</div>
- Если нужно получить событие клика и иметь возможность указать для него стандартные свойство, то для клика можно использовать MouseEvent , вот список всех видов событий.
var e = new MouseEvent("click", {
bubbles: true,
cancelable: true,
clientX: 100,
clientY: 100
});
console.log( e.clientX ); // 100
Свои события можно создать как тут написано через new CustomEvent(...)
.