Как проверить тег в событие Target
"Проверить tagName в EventTarget" или по-русски - "Есть ли тег в событии Target".
- Проверяем тег в событии Target
- Код проверки тега в событии Target
- Пример проверки тега в событии Target
Заголовок
Для того, чтобы проверить есть ли тег в EventTarget вам потребуется:
Один из способов отслеживания onclick, т.е. при каждом клике мы будем исследовать " EventTarget ".
Данный код будет выводить в консоль элемент дерева(тег) по которому вы кликнули:
document.addEventListener("click", function(e)
{
console.log(e . target);
})
Ну и далее вам потребуется условие if с tagName, которое и по типу и по значению(в php и js - это одно и тоже) будет равно "H2"(здесь для примера - заголовок второго уровня)
if (e . target . tagName === "H2")
{
console.log(e . target . tagName);
alert( 'Ты нажал на меня : ' + e . target . tagName);
}
Соберем весь код:
Код проверки тега в событии Target
Ну и далее соберем весь код "Код проверки тега в событии Target":
<script>
document.addEventListener("click", function(e)
{
if (e . target . tagName === "H2")
{
console.log(e . target . tagName);
alert( 'Ты нажал на меня : ' + e . target . tagName);
}
})
</script>
Пример проверки тега в событии Target
Ну и для того, чтобы проверить работоспособность кода "проверки тега в событии Target" разместим его на странице!
Теперь нажмите по любому h2 - это заголовок, ну или либо нажмите по ниже идущей строке:
Нажми, чтобы проверить есть ли тег в событии Target
