Why click doesn't fire, but mouseup does?

Question

JavaScript

Here is an example .
Interested in line 66

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

The task is to hide the tooltip when clicking anywhere in the document.
Why doesn't it work click?
It's not the first time I've encountered this.
I replace it clickand mouseupeverything works.

Answer 1

Because some element has a click event handler that does event.stopPropagation(), preventing the event from bubbling up the parent chain to the document element. More details: https://learn.javascript.ru/event-bubbling .