title: Is there a DOM event that fires when an HTML select element is closed?
body: <p>I'm looking for a DOM event that I can listen to with JavaScript for when a select element that has been opened (but no options changed) is then closed by clicking off the select element, somewhere (anywhere) else on the page.</p>
  
  <p>It's not the <code>blur</code> event of the select, because the select retains focus. Likewise, it's not the <code>focus</code> event of some other element or the document, or a <code>mousedown</code> or <code>click</code> on the window, document or body.</p>
  
  <p>It's not the <code>change</code> event of the select, since no option within the select has been changed.</p>
  
  <p>I'm not concerned about legacy Internet Explorers - just something to work in standards compliant modern browsers. Proprietary hacks could be worth knowing though.</p>
  
  <p>I've created a JSFiddle to demonstrate the problem: <a href="http://jsfiddle.net/premasagar/FpfnM/" rel="noreferrer">http://jsfiddle.net/premasagar/FpfnM/</a></p>
  
  <ol>
  <li>Click on the selectbox in the "Result" panel</li>
  <li>Click on the text marked "HERE" (or anywhere else) with a single click and see if any event is added to the log. There isn't an event in the latest Chrome or Firefox.</li>
  </ol>
  
  <p>So the question is: <strong>What JavaScript could be added, to get an event logged when clicking off the selectbox?</strong></p>
  
  <p>(I've asked a similar, but different question here:<br>
  <a href="https://stackoverflow.com/questions/6097240/javascript-on-ios-opening-an-html-select-element">JavaScript on iOS: opening an HTML select element</a>)</p>