Показать сообщение отдельно
  #1 (permalink)  
Старый 01.05.2021, 18:17
Профессор
Отправить личное сообщение для Янковиц Посмотреть профиль Найти все сообщения от Янковиц
 
Регистрация: 17.11.2014
Сообщений: 403

Событие на родительском при клике по дочернему элементу
Приветствую. Есть условно элемент-кнопка:
<button><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">//некий путь</svg></button>

Как вижу, в JS событие button.addEventListener( "click" , () => alert('Спасибо!')); срабатывает только непосредственно на элемент button. А вот если курсор находится над SVG, то ожидаемое событие не срабатывает.

В jQuery же, событие click срабатывает и при клике по кнопке button и при клике на дочерний SVG.

Подскажите, как в JS сделать такое же поведение, что и на jQuery? Неужели только через closest?
Ответить с цитированием