Captura el elemento objetivo (
event.target) sobre el que se dio el clic y realiza una comparación; si no es parte de la lista desplegable, ocultas a esta última.
Código Javascript
:
Ver originalwindow.addEventListener("click", function(event){
if (event.target != lista) lista.style.display = "none";
}, false);
La variable
lista debe contener una referencia hacia tu lista desplegable para que esto sea factible. Podrías verificar que el elemento al que se le dio clic, se encuentre entre la lista de nodos hijos de la lista desplegable.
Saludos
Edito: Se me adelantaron.