title: Fire onblur event before onchange event
body: <p>I have a large form that contains several text input fields.  Essentially, I need to handle the <code>onchange</code> event for <strong>all fields</strong> and the <code>onblur</code> events for <strong>some</strong> fields.  When a change is made to a field and the field loses focus, both events fire (which is the correct behavior).  The only issue is that I would like to handle the <code>onblur</code>
   event before I handle the <code>onchange</code> event.  </p>
  
  <p>After some testing in ie and Firefox, it seems that the default behavior is to fire the <code>onchange</code> event before <code>onblur</code>.  I have been using the following code as a test...</p>
  
  <pre><code>&lt;html&gt;
  
  &lt;body &gt;
      &lt;input type="text" value="here is a text field" onchange="console.log('Change Event!')" onblur="console.log('Blur Event!')" &gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Which brings me to my questions:</p>
  
  <ol>
  <li><p>It seems that this behavior is consistent across browsers.  Why does <code>onchange</code> fire first?</p></li>
  <li><p>Since I cannot handle the <code>onblur</code> event for every input element, is there a way I can get <code>onblur</code> to fire before handling the <code>onchange</code> event?</p></li>
  </ol>