Heim > Web-Frontend > js-Tutorial > Hauptteil

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

韦小宝
Freigeben: 2018-01-08 10:52:45
Original
1620 Leute haben es durchsucht

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();                          
    }
  }
});
Nach dem Login kopieren


oder


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


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

< auszublenden 🎜>


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

Nach dem Login kopieren


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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage