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 you have read our privacy policy.

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