estamos mostrando un cuadro en la pantalla que quiero ocultar cuando el usuario hace clic en cualquier parte de la pantalla, incluyendo cuerpo, anclas, divs, botones, etc. ... ¿Hay un selector que pueda manejar esto por mí? ¿O es un caso de $('body, a, div, input').click()
?jQuery click() evento catch-all?
10
A
Respuesta
22
Puede hacerlo de esta manera:
$(document).click(function() {
$("#boxID").hide();
});
Desde los click
eventos, de forma predeterminada, bubble up-document
, este es un "cajón de sastre" enfoque ... si no quiere clics de el interior de la caja para cerrarla, agregue una llamada .stopPropagation()
en esosclick
eventos como este:
$("#boxID").click(function(e) {
e.stopPropagation();
});
0
Solo puede enlazar al evento click del elemento document. Pruébelo en http://jsfiddle.net/ZqEbY/.
Cuestiones relacionadas
- 1. de jQuery evento click
- 2. Agregar evento HTML w/click usando jQuery
- 3. evento click jQuery funciona solamente una vez
- 4. evento click se disparó dos veces - jQuery
- 5. jQuery Mobile: reemplace el evento click por el evento vclick
- 6. ASP.NET + ModalPopupExtender + Click Evento
- 7. evento Click para DataGridCheckBoxColumn
- 8. ExtJs HTML Component Click Evento
- 9. Global jQuery `.click()`
- 10. jquery unbind click
- 11. evento Click no funciona correctamente en el plugin de jQuery
- 12. Validar un formulario en el evento Click con validador jQuery
- 13. jQuery evento On Click Div, Excepto Div Niño
- 14. jQuery .click() evento para CSS pseudoelement (: before /: after)?
- 15. jQuery click() evento no activa elementos HTML cargados de AJAX
- 16. cómo evitar jQuery UI arrastrable desde también activar evento click
- 17. Cómo pasar el parámetro al evento click en Jquery
- 18. Jquery excluye el primer evento td on click?
- 19. Jquery: ¿usar dos selectores para un evento .click?
- 20. AutoCompleteTextView evento click en Android
- 21. ckeditor click evento no funciona
- 22. jquery on vs click methods
- 23. ¿Hay un método jQuery Click?
- 24. JQuery Click versus Change
- 25. El evento LongClick también desencadena el evento Click
- 26. Rectángulo WPF no tiene un evento Click
- 27. Ext JS en el evento click
- 28. Jasmine no puede activar el evento click
- 29. WPF Image Control with Click Evento
- 30. Android: View.setClickable consume el evento click