Event

Event - об'єкт який містить інформацію про подію.

Синтаксис:

evObj = new Event(typeArg, eventInit);

Параметри:

evObj - зміна яка отримує об'єкт Event.

typeArg - рядок з типом події.

eventInit - не обов'язково вказувати. Опції що представляють об'єкт з властивостями:

bubbles - логічне значення,чи "спливаюча" подія, true / false. Детальніше Event.bubbles.
cancelable - логічне значення, чи може подія бути скасованою, true / false

По замовчуванню: { bubbles : false, cancelable : false }

Опис:

Event об'єкт який містить детальну інформацію про подію.

Об'єкт Event є батьківський для багатьох об'єктів: PointerEvent, KeyboardEvent, ClipboardEvent, FocusEvent, InputEvent і т.п. які передаються як параметр у вказану функцію при виконані події.

bubbles - чи "спливаюча" подія.
cancelable - чи можна скасувати подію.
Event.currentTarget - силка на елемент який обробляє подію.
Event.defaultPrevented - логічне значення чи був визваний метод Event.preventDefault()
Event.eventPhase - в якій фазі потоку подія.
Event.target - силка на елемент який викликав подію.
Event.timeStamp - час коли виникла подія.
Event.type - тип події.

Event.preventDefault() - зупиняє подію браузера.
Event.stopPropagation() - зупиняє наступні події.
Event.stopImmediatePropagation() - зупиняє наступні події включаючи події поточного елементу.

Щоб викликати подію у елементі використовуйте метод dispatchEvent().

Приклад:

Приклад створення події click:

Клік

var ev = new Event("click", { bubbles:true,  cancelable:true});
document.getElementById("test").dispatchEvent(ev);

Приклад передачі PointerEvent функції яка вказана на подію onclick:

testButton.onclick=function(e){
  alert(e);
};

Приклад отримання об'єкта PointerEvent у функції яка була додана до події за допомогою метода addEventListener():

testButton2.addEventListener('click', function(event){
	console.log(event);
});