jquery - jqueryとcss：not（）セレクターを使用して1つを除くすべてのタグをターゲットにする方法

Question

a-tagで行われる場合を除いて、すべてのクリックイベントをキャッチしたいと思います。

私は自分の問題を示すためにこのフィドルを作成します：http： //jsfiddle.net/vwyFg/7/

なぜこれが機能しないのですか？

$('.three').on('click',':not(a)',function(e){
    $('body').append('<b>i did not click on a a-tag!</b><br>');
    e.preventDefault();
    e.stopPropagation();
});

html：

<div class="wrap three">
    <div class="wrap two">
        <div class="wrap one">
            <a href="javascript:$('body').append('i DID click on a a-tag!!<br>');;return false;">klick me!</a>
        </div>
    </div>
</div>​

Answer 1

クリック イベントが発生した場所を確認する必要があります。

$('div.three').on('click',function(e){    
    if (e.target.tagName.toLowerCase() == 'a') return;
    $('body').append('<b>i did not click on a a-tag!</b><br>');
    e.preventDefault();
    e.stopPropagation();
});​

Answer 2

このコードを追加しました：

$(".three a").click(function(e) {
    e.stopPropagation();
});​

ここを参照してください: JSFiddle

Answer 3

コードを次のように変更します。:not - の配置に注意してください。

$('.three:not(a)').on('click',function(e){
    $('body').append('<b>i did not click on a a-tag!</b><br>');
    e.preventDefault();
    e.stopPropagation();
});