Возможно-ли выполнить определенную функцию если юзер произвел клик вне определенного блока?

Question

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

Суть в том, что на сайте есть выезжающее меню и когда оно выезжает блюрится весь сайт.
Если закрыть меню повторным нажатием на кнопку меню - блюр пропадет и меню уедет, но, если при открытом меню кликнуть на заблюренную область - закроется меню и не пропадет блюр.
Возможно-ли проверять все клики и сравнивать айди элементов с айди кнопки открытия/закрытия меню?

Answer 1

[Алексей Шашенков]

Вот подобный пример когда-то отвечал

Comments

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

А можно как-то узнать айди/класс блока по которому был произведен клик?

[Алексей Шашенков]

Виктор: Если вопрос по примеру, то .act_actions_menu_icons
Выборка по классу в 53 строке

[Алексей Шашенков]

Виктор: А вообще вот функция которая проверяет что клик прошел вне элементов.

checkParent

function checkParent(target,nodes){
  var ignore=[];
  var result=[];
  while(target.parentNode){
    for(var q=0;q<nodes.length;q++){
      var node=nodes[q]
      if(node==target){
        ignore.push(q);
      }
    }
    target=target.parentNode;
  }
  for(var q=0;q<nodes.length;q++){
    if(ignore.indexOf(q)>-1){
      continue};
    result.push(nodes[q])
  }
  return result
}

Она принимает
target - это элемент по которому кликнули
nodes - массив элементов, которые могут быть потенциально родителем элемента по которому кликнули.

Answer 2

[Ernest Fayzullin]

очень примерно как то так (не проверял)

clickOutside(selector) => {
  return outsideClickListener = (event) => {
    if (!$(event.target).closest(selector).length) {
      // клик вне блока с селектором selector
    }
  }
}

  window.document.addEventListener('click', clickOutside('#target'))