Как остановить всплытие элемента?

Question

[MdaUZH]

Всем привет.

есть код:

<section class="comment"
    <section..
          <a data-num="1"  class="delete"> <i class="icon delete-icon"></i></a>

Назначаю обработчик (делегирование):

document.querySelector('.comments').addEventListener('click', function(e) {
  e.stopPropagation();
  if (e.target.classList.contains('delete')) {
    deletComment(e.target);
  }
}, false);

e.target выдает клик не по a с классом delte, а по

Answer 1

[Артём Щурин]

Допустим с селектором '.comments' ты ошибку не сделал, но вешать обработчик на родителя и ждать, что он отработает на дочернем бесполезно, наоборот, да, есть смысл, тут и применяй e.stopPropagation();, чтобы события не всплыло до родительского элемента, а в твоей реализации примера ошибка, да и не дописал до конца ты походу)