Почему click не срабатывает, а mouseup работает?

Question

[HamSter]

Вот такой пример.

Интересует строка 66

// Скрыть тултип при клике вне кнопки
			   $(document).on('click', function(e){
				var container = $('.tooltip');
			    if (container.has(e.target).length === 0) {
			        $(".tooltip").remove();
			    }			
});

Задача - скрывать tooltip при клике в любом месте документа.

Почему не срабатывает click?

Уже не первый раз с таким сталкиваюсь.
Заменяю click на mouseup и все работает.

Answer 1

[napa3um]

Потому что в каком-то элементе установлен обработчик события click, который делает event.stopPropagation(), не давая "всплывать" (bubbling) событию по цепочке родителей до элемента document. Подробнее: https://learn.javascript.ru/event-bubbling .

Comments

[HamSter]

да у самой кнопки click с event.stopPropagation(), но не могу найти решения

[napa3um]

HamSter: решение состоит в том, чтобы убрать event.stopPropagation(), если хочется это событие отловить в родительском элементе. Почитайте внимательно приведённую ссылку, многие вопросы, думаю, решатся.