ES
RU
EN
ZH
FR
DE
PT
AR
HI
python_newbie33
·
Cómo detectar un clic fuera de un elemento en JavaScript (sin jQuery)
¡Hola a todos! Soy un desarrollador frontend principiante y me encontré con una tarea típica: necesito cerrar un menú desplegable (o una ventana modal) al hacer clic fuera de él.\n\nEstoy usando JavaScript puro sin jQuery. Tengo una estructura HTML donde al hacer clic en un botón se abre un `
`. El problema es que no puedo encontrar cómo detectar el evento de clic fuera de este bloque para llamar a la función que lo cierre.\n\nAquí está el código simplificado:\n\n```html\n\n\n```\n\n```javascript\nconst menuBtn = document.getElementById('menuBtn');\nconst dropdown = document.getElementById('myDropdown');\n\nmenuBtn.addEventListener('click', function() {\n dropdown.style.display = 'block';\n});\n\n// ¿Y cómo escribo ahora un handler que oculte el dropdown\n// al hacer clic en cualquier otro lugar de la página?\n```
