> Как проверить тег элемента в обработчике события клика в JavaScript (JavaScript)

В обработчике события клика можно проверить тег элемента через свойство tagName или nodeName целевого элемента. Самый надёжный способ - использовать event.target, который ссылается на элемент, по которому фактически кликнули (даже если обработчик висит на родителе).

Пример:

JAVASCRIPT
document.addEventListener('click', function(event) {
  const target = event.target;
  if (target.tagName === 'BUTTON') {
    console.log('Клик по кнопке');
  }
  // или через nodeName (возвращает в верхнем регистре)
  if (target.nodeName === 'DIV') {
    console.log('Клик по div');
  }
});

Если нужно проверить, что клик произошёл именно на элементе с определённым тегом, а не на его вложенных дочерних элементах, используйте event.currentTarget (элемент, на котором висит обработчик) или проверяйте closest():

JAVASCRIPT
element.addEventListener('click', function(event) {
  // Проверка, что кликнули именно по кнопке внутри элемента
  const button = event.target.closest('button');
  if (button) {
    console.log('Клик по кнопке внутри элемента');
  }
});

Важно: tagName и nodeName возвращают тег в верхнем регистре (например, 'DIV', 'SPAN'), поэтому сравнение лучше делать с заглавными литералами.