Как обрабатывать событие click один раз во вложенных элементах на которые повешен обработчик событий?

Question

[101010101010]

Здравствуйте, есть кнопка, на ней висит событие click из JQuery, у неё внутри должен быть крестик по нажатию на который кнопка закрывается, без срабатывания события нажатия на саму кнопку.

Знаю что можно повесить событие click на текст внутри, но это как-то коряво будет выглядеть. Есть ли решение у данной проблемы ?

Answer 1

[Евгений Петров]

Вот всё бы вам событие останавливать... Есть же target jsfiddle.net/petroveg/y8tcq2st
Ваши остановки на дадут статистику собрать пользовательскую.

Comments

[Юрий Лобанов]

Да, надо мне учиться делать по-хорошему )

Answer 2

[Юрий Лобанов]

codepen.io/iiil/pen/leKJy

Попробуйте закомментить строчку
e.stopPropagation();
и нажать на крестик.
learn.javascript.ru/bubbling-and-capturing

Comments

[101010101010]

спасибо большое

Answer 3

[TekVanDo]

$("Селектор крестика").on("click",function(event){
      event.stopPropagation()//предотвращаем событие кнопки
});