предотвратить нажмите событие от элемента, но не от <a> детей

Question

моего код выглядит следующим образом:

<div class="disabledClickevent"> 
    <ul> 
    <li><a>link1</a></li> 
    <li><a>link2</a></li> 
    </ul> 
</div> 

ДИВ имеет событие щелчка, который получает отключенное с return false; моей проблемы в том, что это также отключает <a> ссылки

Answer 1

$(document).on('click','.disabledClickevent' function(e) { 
    if(e.target !== this) 
    //clicked out side 
return;  
    //clicked inside 
}); 

Answer 2

вы можете использовать: селектор нет() в JQuery

проверить эту ссылку из http://api.jquery.com/not-selector/

надеюсь, что это поможет.

Answer 3

Я хотел бы сделать это:

$(".disabledClickevent").on("click", ":not(a)", function(e) { 
    //do stuff with your div 
}); 

Это исключает a от события щелчка.

Answer 4

Может быть решение:

$('.disabledClickevent').on('click',function(e){ 
    if($(e.target).is(':not(a)')) 
     return false; 
}); 

Или установить обработчик щелчка по ссылкам:

$('.disabledClickevent a').click(function(e){ 
    e.stopPropagation(); 
}); 

Answer 5

Если вы не планируете добавлять новые «disabledClickevent» дивы на страницу с помощью Javascript, вы могли бы просто сделать это:

$('.disabledClickevent').click(function() {...}); 

или

$('.disabledClickevent').bind('click', function() {...}); 

Это прикрепляет событие только к уже существующему div без каких-либо делегирования, поэтому ссылки будут работать нормально, как вы хотите.

Чтобы быть ясным, это только жизнеспособное решение, если все divs disabledClickevent, которые вы планируете уже иметь на странице, в момент привязки события.