title: Is that possible to use "hasFocus" on divs in KnockoutJS?
body: <p><a href="http://jsbin.com/liyem/1/edit" rel="nofollow"><strong>LIVE DEMO</strong></a></p>
  
  <p>Buttons are built as <code>div</code>s. </p>
  
  <p>I would like to create the following behavior:</p>
  
  <ul>
  <li>When user clicks on the button, a dialog appears.</li>
  <li>Then, if user clicks anywhere else on the page, the dialog disappears.</li>
  </ul>
  
  <p>I'm struggling to implement the second requirement.</p>
  
  <p><a href="http://jsbin.com/liyem/1/edit" rel="nofollow">I tried</a> to use <a href="http://knockoutjs.com/documentation/hasfocus-binding.html" rel="nofollow"><code>hasFocus</code></a> on <code>div</code>s, but it doesn't seem to work. Looks like <code>hasFocus</code> works on input elements like <code>input</code>, <code>button</code>, etc.</p>
  
  <p>How would you implement the desired behavior?</p>