Comment cacher une div quand on clique sur la souris en dehors de la div

Question

J'ai un div HTML et je veux le cacher lorsque l'utilisateur clique sur la page n'importe où en dehors de la div. Quel clic sur quel élément dois-je déclencher l'événement onclick ??

Answer 1

En supposant que vous utilisez la dernière jQuery, v1.4.4:

$(<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 
}); 

En d'autres termes, ce code dit «cacher la div si vous cliquez sur cette page, sauf si vous cliquez sur le div.

Re: bouton à bascule

Ensuite, vous aurez quelque chose comme:

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

Answer 2

L'élément BODY.

Answer 3

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

Depuis mydiv est aussi un enfant de l'élément body, vous ne voulez pas que lorsque vous cliquez sur cet élément, l'élément serait disparaitra.
Donc quand les gens cliquent sur le mydiv, vous voulez qu'il arrête de bouillonner jusqu'à l'élément body, c'est pourquoi vous devez d'abord enregistrer un événement click sur votre mydiv, et lui dire d'arrêter de bouillonner.