0

Есть блок <div><div></div><span></span></div> При клике на родительских блок <div> вызывается событие onclick, необходимо, чтобы при клике на элемент span это событие не вызывалось, как сделать?

1 ответ 1

1
    $('.parent').on('click', function () {
        console.log('click');
    });
    $('.not-bubble').on('click', function(e) {
        e.stopPropagation();
    });

<div class="parent">
    Родитель
    <div>
        Ловить
    </div>
    <span class="not-bubble">
        Не ловить
    </span>
</div>
12
  • Работает, но если в блоке not-bubble имеется контейнер .btn-group от bootstrap, то он не отображается
    – IOleg
    9 фев 2014 в 16:08
  • $('#ChatWindow .btn-group .settings').on('click', function(e) { if (e.target!=this) { e.stopPropagation(); } }); Или я не прав? если клик вне .setting то e.stopPropagation();
    – IOleg
    9 фев 2014 в 16:22
  • return в обработчике, чтобы не делал ничего. jsfiddle.net/oceog/Cvva2
    – zb'
    9 фев 2014 в 16:55
  • @eicto ваш вариант работает не корректно, блок "ловить" тоже не файрит клик, как и любой другой в составе .parent.
    – Ridzhi
    9 фев 2014 в 17:16
  • 1
    @Ridzhi можно ещё так делать, jsfiddle.net/oceog/Cvva2/4 @IOleg, я и говорю, фильтруйте e.target в обработчике событий. кстати - о чем ваш фидл ? это не js, в js так нельзя писать.
    – zb'
    9 фев 2014 в 21:08

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.