クリックイベントをドキュメントにバインドして、オブジェクトがクリックされていないときにのみ起動する方法

Question

DOM要素以外がクリックされるとイベントが発生するようにしたいですし、イメージをクリックすると別のイベントが発生します。

今私が持っている：

$(document).click(function() { /*do whatev*/ }); 

と別の場所に：

$("img").click(function(e) { 
    e.stopPropagation(); 
    /*do whatev*/ 
}); 

それは動作しません。両方のイベントが発生します。他のアイデア？このような

Answer 1

：

jQuery(document).click(function(event) { 
    if (jQuery(event.target).is('img')) 
    { 
    alert('img'); 
    } 
    else 
    { 
    // Reject event 
    return false; 
    } 
}); 

img要素「IMG」に関するユーザーのクリックが警告されている場合は、それ以外のクリックイベントが停止しています。

Answer 2

何か：

$('*').click(function(ev) { 
    ev.stopPropagation(); 
    if ($(this).is('img')) alert('img'); 
    else if($(this).is('div')) alert('div'); 
    else alert('something else'); 
}); 

http://www.jsfiddle.net/U2Szn/？シンプルで簡潔な

Answer 3

これはうまくいくはずですが、ただimgでは不十分です。それはimgコンテナからトリガすることができます。私はあなたが$('p,div,img,a,input,textarea,span,ul,ol,dl,li,dd,dt,table,tr,td')のようなセレクタとそれを取り除くために考えることができる他のタグが必要だと思います。これにはパフォーマンス上の問題があります。あなたはhtmlおよび/またはbodyをクリックするか、imgはこのような何かが動作するはずクリックされたときにイベントを発生する場合

Answer 4

は：Live Example

$(document).click(function(e) { 
    if($(e.target).is('html')){ 
    alert('this is the html element'); 
    }else if($(e.target).is('body')){ 
    alert('this is the body element'); 
    } 
}); 
$("img").click(function(e) { 
    e.stopPropagation(); 
    alert('img') 
});​