Как добавить исключение в событие .click()?

Question

[Владислав Чернушевич]

Есть примерно вот такая структура блоков:

<div class="container">
   <div class="div1"></div>
   <div class="div2"></div>
   <div class="div3"></div>
</div>

Нужно навесить событие .click() на блок .container. Но при нажатии на блок .div3 ничего происходить не должно.

Answer 1

[teotlu]

$('.container').on('click', function(e) {
  if($(e.target).hasClass('div3')) {
    return false;
  }else {
    // а если не .div3, то что-то происходит
  }
});

Comments

[teotlu]

А можно и без else, просто после if написать то, что происходит.

Answer 2

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

Как отписать от события кнопку?

Answer 3

[Fyodor]

А почему не на каждый див нельзя вешать
$(".container div:not(.div3)") типа так?

Comments

[Дмитрий Филатов]

Мы не знаем размеров контэйнера и дивов.

[teotlu]

Такой селектор очень плох с точки зрения производительности, а так конечно можно.
Вот, почитайте: habrahabr.ru/post/111195

Answer 4

[Денис Инешин]

$(document.body).on("click", "button", function (e) {
    if ($(this).hasClass("dontClick")) {
        return;
    }

    doSomething();
});