title: Avoid element blur handler when window blur invoked (browser loses focus)
body: <p>To expound upon the question:</p>
  
  <p>I've got an element which when clicked receives a sub-element. That sub-element is given a blur handler.</p>
  
  <p>What I would like is for that handler not to be invoked when the browser loses focus (on window blur).</p>
  
  <p>Towards that goal I've attempted several tacks, this being my current effort:</p>
  
  <pre><code>function clicked() {
      // generate a child element
      ...
      field = $(this).children(":first");
      $(window).blur(function () {
          field.unbind("blur");
      });
      $(window).focus(function () {
          field.focus();
          field.blur(function () {
              save(this);
          });
      });
      field.blur(function () {
          save(this);
      });
  }
  </code></pre>
  
  <p>This doesn't work. What appears to be occurring is that when the browser loses focus, the field is losing focus first.</p>