Explication détaillée de la fonction DIV cachée de jQuery lorsque vous cliquez n'importe où sauf dans la zone spécifiée

Cet article présente principalement les informations pertinentes sur jQuery en cliquant n'importe où, sauf dans la zone spécifiée pour masquer p. Le code est simple et facile à comprendre, très bon et a une valeur de référence, j'espère qu'il pourra s'y référer. peut aider tout le monde.

Le code spécifique est le suivant :

$('body').click(function(e) {
  var target = $(e.target);
  // 如果#overlay或者#btn下面还有子元素，可使用
  // !target.is('#btn *') && !target.is('#overlay *')
  if(!target.is('#btn') && !target.is('#overlay')) {
    if ( $('#overlay').is(':visible') ) { 
      $('#overlay').hide();                          
    }
  }
});

ou

$('body').click(function(e) {
  if(e.target.id != 'btn' && e.target.id != 'overlay')
   if ( $('#overlay').is(':visible') ) {
     $('#overlay').hide();
   }
})

PS : Ensuite, regardons un morceau de code jquery. Cliquez pour masquer d'autres endroits sauf lui-même

$("#test").click(function(e) { 
  e?e.stopPropagation():event.cancelBubble = true; 
}); 
$(document).click(function() { 
  $("#test").fadeOut(); 
<pre name="code" class="html">e?e.stopPropagation():event.cancelBubble = true;  为阻止冒泡事件

});

Recommandations associées :

Bouton js Le nom de la classe masque le contenu entre les divs

Méthode jQuery pour implémenter les divs cachés

implémentation js du masquage de la zone div en dehors du clic div Area_javascript Conseils

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!