Что такое объект события в JavaScript? Какие свойства он содержит?

Объект события в JavaScript создается каждый раз, когда происходит событие на веб-странице. Он содержит информацию о событии, которое произошло, и позволяет разработчикам получить доступ к важным данным, связанным с этим событием.

Некоторые ключевые свойства объекта события включают:

• type: возвращает строку, указывающую тип события (например, 'click', 'keydown' и т. д.). Это позволяет определить, какое событие произошло.

document.getElementById('myButton').addEventListener('click', function(event) {
	console.log(event.type); // 'click' 
});

• target: возвращает элемент, на котором произошло событие. Это полезно для выполнения действий только с конкретным элементом.

document.getElementById('myButton').addEventListener('click', function(event) {
	console.log(event.target); // элемент кнопки 
});

• currentTarget: возвращает элемент, к которому был привязан обработчик события. Это может быть полезно в ситуациях, когда обработчик прикреплен к родительскому элементу, а событие произошло на дочернем.

• clientX и clientY: возвращают координаты курсора мыши относительно окна просмотра при событии, например, при щелчке мыши.

Кроме того, объект события может содержать методы, такие как preventDefault(), который отменяет стандартное поведение браузера (например, предотвращает переход по ссылке), и stopPropagation(), который останавливает всплытие события.

Использование объекта события позволяет более эффективно управлять взаимодействиями пользователя с веб-приложением.