Hay varios enfoques para detectar cuándo el enfoque se mueve fuera de la página actual, lo que sería un efecto secundario de hacer clic fuera de la ventana si la ventana tiene el foco actualmente.

No es posible detectar explícitamente los clics fuera de la página. Sería un problema de seguridad si una página web pudiera monitorear cómo el usuario interactúa con otras aplicaciones.

Para detectar clics fuera del elemento con JavaScript, podemos usar el método contains del elemento.

Por ejemplo, escribimos

 const specifiedElement = document.getElementById("a"); document.addEventListener("click", (event) => { const isClickInside = specifiedElement.contains(event.target); if (!isClickInside) { // ... } });

para seleccionar el elemento que queremos comprobar con getElemebntById.

Luego agregamos un detector de clics para toda la página con document.addEventListener.

En la devolución de llamada, llamamos a specificElement.contains con event.target para verificar si hicimos clic dentro del elemento a.

Si es falso, entonces hicimos clic fuera de él.

javascript detecta clic fuera del elemento

 var ignoreClickOnMeElement = document.getElementById('someElementID'); document.addEventListener('click', function(event) { var isClickInsideElement = ignoreClickOnMeElement.contains(event.target); if (!isClickInsideElement) { //Do something click is outside specified element } });

haga clic fuera de javascript

 // Vanilla js var ignoreMe = document.getElementById("ignoreMe"); window.addEventListener('mouseup', function(event){ if (event.target != ignoreMe && event.target.parentNode != ignoreMe){ // Place your output } });

https://www.codegrepper.com/code-examples/javascript/javascript+detect+click+fuera+de+elemento