Как проверить тег в событие Target

"Проверить tagName в EventTarget" или по-русски - "Есть ли тег в событии Target".

1. Проверяем тег в событии Target
2. Код проверки тега в событии Target
3. Пример проверки тега в событии Target

1. Проверяем тег в событии Target

Для того, чтобы проверить есть ли тег в EventTarget вам потребуется:

Один из способов отслеживания onclick, т.е. при каждом клике мы будем исследовать "EventTarget".

Данный код будет выводить в консоль элемент дерева(тег) по которому вы кликнули:

document.addEventListener("click", function(e)

{

console.log(e . target);

})

Ну и далее вам потребуется условие if if с tagName, которое и по типу и по значению(в php и js - это одно и тоже) будет равно "H2"(здесь для примера - заголовок второго уровня)

if (e . target . tagName === "H2")

{

console.log(e . target . tagName);

alert( 'Ты нажал на меня : ' + e . target . tagName);

}

Соберем весь код:

2. Код проверки тега в событии Target

Ну и далее соберем весь код "Код проверки тега в событии Target":

<script>

document.addEventListener("click", function(e)

{

if (e . target . tagName === "H2")

{

console.log(e . target . tagName);

alert( 'Ты нажал на меня : ' + e . target . tagName);

}

})

</script>

3. Пример проверки тега в событии Target

Ну и для того, чтобы проверить работоспособность кода "проверки тега в событии Target" разместим его на странице!

Теперь нажмите по любому h2 - это заголовок, ну или либо нажмите по ниже идущей строке:

Нажми, чтобы проверить есть ли тег в событии Target

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

+ =