new Event - конструктор событий, с помощью которого можно создать объект события, а затем вызвать это событие из JavaScript с помощью метода dispatchEvent.

Зачем это нужно: можно имитировать нажатие пользователя на кнопку, попытку отправки формы и так далее. При этом событие не будет отличаться от настоящего ничем кроме свойства event.isTrusted.

Можно даже создавать события с нестандартными (придуманными вами) названиями и затем вызывать их в нужный момент.

См. урок работа с объектом Event в JavaScript из учебника JavaScript для более полного понимания.

Синтаксис

new Event(тип события, [флаги]);

Примеры

Пример

Пусть у нас есть кнопка. По нажатию на эту кнопку выводится сообщение. Давайте сделаем там, чтобы при наведении мышкой на кнопку эта кнопка думала, что по ней кликнули:

<input type="button" value="Кнопка" id="button">
var button = document.getElementById('button');
button.addEventListener('click', function(event) {
	alert('Сообщение');
});

button.addEventListener('mouseover', function(event) {
	var clickEvent = new Event('click'); //создаем событие
	this.dispatchEvent(clickEvent); //имитируем клик на кнопку
});

Результат выполнения кода (наведите мышкой на кнопку):

Пример

Можно создавать свои события (со своим названием) и потом в нужный момент вызывать их. Давайте привяжем к кнопке событие showMessage и по наведению мышкой инициализируем это событие:

<input type="button" value="Кнопка" id="button">
var button = document.getElementById('button');
button.addEventListener('showMessage', function(event) {
	alert('Сообщение');
});

button.addEventListener('mouseover', function(event) {
	var showMessageEvent = new Event('showMessage'); //создаем событие
	this.dispatchEvent(showMessageEvent); //вызываем срабатывание события
});

Результат выполнения кода (наведите мышкой на кнопку):