I've read up on questions pertaining to detecting the state of a select menu, whether it's [visible](https://stackoverflow.com/questions/141450/javascript-to-detect-whether-the-dropdown-of-a-select-element-is-visible), [open](https://stackoverflow.com/questions/1690437/is-there-any-way-to-determine-if-an-html-select-is-currently-open), or [closed](https://stackoverflow.com/questions/6207929/is-there-a-dom-event-that-fires-when-an-html-select-element-is-closed) and the quick answer is that it's not universal and depends on what you're trying to do. My situation isn't covered by any of these answers 100%.

I need to determine when the select menu is closed, which currently works by storing a variable `onblur`; however, the select element does not lose focus on the first click off, but rather the second click off. Is there an event I can detect which occurs on the first click off? or make the select lose focus on the first click off rather than the second click off? Looking for pure JavaScript answers, no jQuery.

Here's some sample code demonstrating this: <http://jsfiddle.net/BhnH9/1/>