divの外でマウスをクリックしたときにdivを非表示にする方法

Question

私はHTML divを持っており、ユーザーがdivの外のどこかのページをクリックするたびに非表示にしたいと思います。どの要素をクリックすればonclickイベントが発生するのですか？

Answer 1

：つまり

$(<the div you want hidden>).click(false); //stop click event from bubbling up to the document 
$(document).one('click', function(){ 
    $(<the div you want hidden>).hide(); //which will hide the div 
}); 

を、このコードは、「あなたがこのページをクリックした場合は、div要素をクリックしない限り、div要素を隠し」と言います。

日時：ええと、 `.oneは（）`引数として `eventType`にかかる

$('button').click(function(){ 
    $('div').toggle(); 
}); 
$('div').click(false); 
$(document).click(function(){ 
    $('div').hide(); 
    //reset the toggle state, e.g. 
    $('button').removeClass('selected'); 
}); 

Answer 2

BODY要素。

Answer 3

$('#mydiv').click(function(e) { e.stopImmediatePropagation(); }); 
$(document.body).one("click", function() { 
    $('#mydiv').hide(); 
}); 

mydivもbody要素の子であるので、あなたはその要素をクリックすると、要素がdissappearだろうと望んでいません。
mydivをクリックすると、body要素にバブリングが止まるようにしたいので、最初にmydivにクリックイベントを登録し、バブリングを停止するように指示するのはなぜですか。あなたは、最新のjQuery、V1.4.4使用していると仮定すると、