Klicken Sie in jQuery auf eine beliebige Stelle außer dem angegebenen Bereich, um die DIV-Funktion auszublenden

In diesem Artikel werden hauptsächlich jQuery-bezogene Informationen vorgestellt, die durch Klicken auf eine beliebige Stelle außer dem dafür vorgesehenen Bereich ausgeblendet werden Interessiert an jquery Sie können auf diesen Artikel verweisen

Der spezifische Code lautet wie folgt:

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

oder

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

PS: Schauen wir uns einen Teil der Code-Abfrage unten an. Klicken Sie auf eine andere Stelle als sich selbst, um

$("#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;  为阻止冒泡事件

});

Zusammenfassung

Das Obige ist die von der eingeführte jQuery Editor mit Ausnahme des angegebenen Bereichs. Klicken Sie irgendwo, um p auszublenden. Ich hoffe, es hilft allen! !

Verwandte Empfehlungen:

Jquery klickt auf die Schaltfläche, um das Formular asynchron und synchron zu senden

jQuery klickt auf die Eingabe, um den Cursor dorthin zu bewegen die letzte oder angegebene Position

jQuery klickt auf das Eingabefeld, um das Bestätigungscodebild anzuzeigen

Das obige ist der detaillierte Inhalt vonKlicken Sie in jQuery auf eine beliebige Stelle außer dem angegebenen Bereich, um die DIV-Funktion auszublenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!