Maison  >  Article  >  interface Web  >  Comment contrôler JQuery pour qu'il se cache lorsqu'il est cliqué en dehors d'un div mais pas lorsqu'il est cliqué à l'intérieur du div_jquery

Comment contrôler JQuery pour qu'il se cache lorsqu'il est cliqué en dehors d'un div mais pas lorsqu'il est cliqué à l'intérieur du div_jquery

WBOY
WBOYoriginal
2016-05-16 16:20:33925parcourir

L'exemple de cet article décrit la méthode d'utilisation de JQuery pour contrôler que le div soit masqué lorsqu'on clique à l'extérieur, mais pas masqué lorsqu'on clique à l'intérieur du div. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Par exemple, il existe un div avec l'identifiant body, qui peut être masqué lorsqu'on clique en dehors du div mais pas masqué lorsqu'on clique à l'intérieur du div. L'implémentation est la suivante en utilisant jQuery :
.

Copier le code Le code est le suivant :
$("#body").click(function(e) {
$(this).show();
         e.stopPropagation();
});
$(document).click(function(event) {

$("#body").hide();
});

Si l'on clique sur le div pour le masquer, l'événement déclencheur de jQuery peut être utilisé

Copier le code Le code est le suivant :
$(document).trigger("click");

J'espère que cet article sera utile à la programmation jQuery de chacun.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn