événement jQuery click off

Question

J'ai un div flottant qui s'affiche, et je veux qu'il soit masqué lorsque l'utilisateur clique dessus. Cela serait similaire au rappel de fonction .hover () lors du survol d'un élément. Seulement je veux faire cela pour le clic.

J'ai juste essayé de définir un événement de clic pour le corps, ce qui masquerait la div, mais cela a donné des résultats inattendus.

Quelqu'un a une idée sur la façon dont je pourrais facilement le faire?

Answer 1

Si vous souhaitez effacer la div lorsque vous cliquez ailleurs dans la page, vous pouvez faire quelque chose comme:

 $('body').click(function(event) {
    if (!$(event.target).closest('#myDiv').length) {
        $('#myDiv').hide();
    };
});
 

Answer 2

Une autre option, peut-être plus simple, consisterait à ajouter un div transparent entre le DIV flottant et le reste de la page.

Un simple événement de clic sur la DIV transparente pourrait gérer le masquage et éviterait les problèmes que vous rencontrez avec l'événement de clic.

Answer 3

Si vous utilisez Jquery, vous pouvez utiliser un sélecteur tel que:

 $("*:not(#myDiv)").live("click", function(){
    $("#myDiv").hide();
});
 

Answer 4

Vous êtes sûrement à la recherche de l'événement de flou ?

Answer 5

La meilleure façon de faire est: -

    
$ (document) .bind ('click', fonction (e) {  

 var $ clicked = $ (e.target);

    if (! $ clicked.parents (). hasClass ("divtohide")) {
        $ (". divtohide"). hide ();
    }

});