title: blur() vs. onblur()
body: <p>I have a input tag with an onblur event listener:</p>
  
  <pre><code>&lt;input id="myField" type="input" onblur="doSomething(this)" /&gt;
  </code></pre>
  
  <p>Via JavaScript, I want to trigger the blur event on this input so that it, in turn, calls the <code>doSomething</code> function.</p>
  
  <p>My initial thought is to call blur:</p>
  
  <pre><code>document.getElementById('myField').blur()
  </code></pre>
  
  <p>But that doesn't work (though no error).</p>
  
  <p>This does:</p>
  
  <pre><code>document.getElementById('myField').onblur()
  </code></pre>
  
  <p>Why is that? <code>.click()</code> will call the click event attached to an element via the onclick listener. Why does <code>blur()</code> not work the same way?</p>