1

Добрый день! Подскажите, пожалуйста, с такой ситуацией: есть DIV с классом "cls", на jQuery у меня есть событие click по этому блоку. В этом блоке есть картинка и получается когда я кликаю по картинке, срабатывает событие click, которое относится ко всему блоку "cls". Как можно исключить нажатие по картинке?

2
  • в оброботчике клика проверяйтя является ли target картинкой или нет
    – Spectre
    11 сен 2012 в 14:37
  • спасибо получилось, уже в этом направление начал копать!
    – stasQa
    11 сен 2012 в 14:50

3 ответа 3

4

e.stopPropagation() - предотвращает распостранение евента который висит на родителях

$('.cls').('click', function(e) { 
   alert('cls clicked');
}).on('click','img', function(e) { 
   e.stopPropagation();
   alert('cls img clicked');   
});

демо тут http://jsfiddle.net/M34Ez/

3

Вот решение:

 $('div.cls').click(function() {
     if (event.target.nodeName != 'IMG') {
           //код
     }
 });
1
  • Тогда уже: $('div.cls').click(function(e) { if (e.target.nodeName != 'IMG') { //код } });
    – Photon
    11 сен 2012 в 14:58
1

Как-то так

$('div.cls > img').on('click', function(e) { 
   e.preventDefault();
   e.stopPropagation(); //На всякий случай
   e.stopImmediatePropagation(); //Тоже на всякий случай
   return false; // И чтоб точно не сработало :)
});
6
  • 1
    Напомнило это
    – user3545
    11 сен 2012 в 15:00
  • Типа, а вдруг внезапно сработает )))
    – Deonis
    11 сен 2012 в 15:39
  • Какие все умные, просто пипец.. А то, что мой ответ вполне рабочий никого не волнует
    – Photon
    11 сен 2012 в 15:43
  • 1
    ваш ответ "слишком" рабочий
    – Spectre
    11 сен 2012 в 15:43
  • @Photon - вы вообще понимаете что делает каждая из строчек? Можете объяснить зачем они? :)
    – user3545
    11 сен 2012 в 15:53

Ваш ответ

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

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