jquery событие клик только по родительскому контейнеру

Если вешаем клик на родительский элемент то событие клик срабатывает и на всех дочерних элементах, это зачастую совершенно не нужно.

Что бы jquery события срабатывали ТОЛЬКО на указанных элементах используем такой код:

$('body').on( 'click', '.form_bg, .form_close',  function(e){
  if (e.target !== this)
    return;
// тут весь код который надо нам выполнять

});

классы можно перечислять через запятую, срабатывать будет только на перечисленном, дочерние элементы будут не тронуты.

Самое частое применение — всплывающие окна, когда требуется закрывать окно как по крестику так и по клику вне области модального окна.

Оставьте комментарий