Wir zeigen ein Feld auf dem Bildschirm, das ich ausblenden möchte, wenn der Benutzer irgendwo auf dem Bildschirm klickt, einschließlich Körper, Anker, divs, Schaltflächen usw. Gibt es einen Selektor, der dies für mich behandeln kann? Oder ist es ein Fall von $('body, a, div, input').click()
?jQuery click() Ereignis Catch-All?
10
A
Antwort
22
Sie können es wie folgt tun:
$(document).click(function() {
$("#boxID").hide();
});
Da die click
Ereignisse werden standardmäßig bubble up-document
, ist dies ein „catch all“ -Ansatz ... wenn Sie Klicks wollen nicht aus innerhalb das Feld, um es zu schließen, ein .stopPropagation()
Anruf auf dieseclick
Ereignisse wie folgt hinzu:
$("#boxID").click(function(e) {
e.stopPropagation();
});
0
Sie können nur an das click -Ereignis des Dokumentelements binden. Versuchen Sie es bei http://jsfiddle.net/ZqEbY/.
Verwandte Themen
- 1. JQuery Bindung Click-Ereignis
- 2. jQuery click-Ereignis seltsames Verhalten
- 3. false zurück von Click-Ereignis jQuery
- 4. jQuery '.each' und Anhängen '.click' Ereignis
- 5. jQuery Click Ereignis CheckBox Geändert Ajax Call
- 6. Binding Click-Ereignis in jquery Coffee
- 7. jquery Mobile Click Ereignis zweimal ausgelöst
- 8. jquery Click-Ereignis ausgelöst wird mehrmals :(
- 9. Click-Ereignis wird zweimal gebrannt - jquery
- 10. JQuery binden Click-Ereignis auf div
- 11. jQuery .click Ereignis überschrieben innerhalb Klick
- 12. jQuery untergeordnetes Element ausschließen Click-Ereignis
- 13. JQuery Click-Ereignis funktioniert nur einmal
- 14. JQuery Funktionsaufruf auf Click-Ereignis Funktion
- 15. JQuery: Wie kann ich Click-Ereignis von Fokus-Ereignis aufrufen?
- 16. IE Click-Ereignis plagt
- 17. Wie Click-Ereignis auf einer aktiven Klasse in einem anderen Click-Ereignis mit jQuery zu verhindern
- 18. JQuery Click-Ereignis auf jquery ui zur automatischen Vervollständigung fangen
- 19. Geordnetes Element Click-Ereignis auslösen das übergeordnete Click-Ereignis
- 20. Angular ng-Click-Ereignis Delegation
- 21. KeyDown mit Click-Ereignis
- 22. Click-Ereignis für DataGridCheckBoxColumn
- 23. Element mit Click-Ereignis erhalten
- 24. jquery unbind click
- 25. LongClick-Ereignis löst auch Click-Ereignis
- 26. Jquery Click-Ereignispropagierung
- 27. jQuery .click(): aktiv
- 28. Anhängen von HTML w/click -Ereignis mit jQuery
- 29. jquery Click-Ereignis funktioniert nicht, wenn Inhalte mit Ajax überschrieben
- 30. Focus Textarea auf Mobile von Click-Ereignis mit jQuery .trigger()