Что такое event.target в JavaScript?

"event.target". "Что такое event.target в JavaScript?"

Разбираемся подробно, что такое "event.target в JavaScript" и как с ним работать.

Event.target в JavaScript?

1. Что такое event.target в JavaScript?
2. Код примера event.target в JavaScript.
3. Пример event.target в JavaScript.

1. Что такое event.target в JavaScript?

event.target — это свойство объекта Event, которое указывает на элемент DOM, инициировавший событие. Это тот элемент, на котором фактически произошло действие (клик, ввод текста и т. д.).

Как получить доступ к event.target?

Чтобы использовать event.target, нужно передать объект события в функцию‑обработчик:

element.addEventListener('click', function(event) {

console.log(event.target); // элемент, по которому кликнули

});

2. Код примера event.target в JavaScript.

Интересно, что периодически читаешь теорию о любой задачке, функции о вообще о программировании, то вообще не понятно, а как это реализовать!

Это в то числе относится и к " event.target в JavaScript", но для понимания всего у вас есть я!

Напишем простейший пример получения и вывода "event.target в JavaScript"... для этого вам понадобится;

Html :

Начинаем с элемента, который выше обозван словом "element", пусть это будет кнопка : button.

В неё помещаем id с произвольным значением... "example" и таким же произвольным текстом...

<button id="example"> нажми на меня </button>

JavaScript :

Любым из способов обратиться по id обращаемся к нашему выше приведенном блоку с "(id}", заменяем слово "element" на "example"!

example.addEventListener('click', function(event) {

console.log(event.target); // элемент, по которому кликнули

});

3. Пример event.target в JavaScript.

Выводим результат event.target в JavaScript.

Для того, чтобы получить результат "event.target в JavaScript" вам понадобится:

Открываем "консоль".

Нажимаем на ниже приведенную кнопку...

нажми на меня

Всего комментариев : Comments+ 2.0

1000

+ =

Отправить