title: click after blur doesn't work
body: <p>I am editing textbox and click on the button directly and it doesn't fire click event of button.</p>
  
  <p>There are many similar posts suggesting using <code>onmousedown</code> instead of <code>onclick</code> but I don't find it to be the solution. As I am doing some work on blur event of my text input and some validation on click on button. <code>onmousedown</code> will be called before blur means I can't do validation after blur. I just want to <em>Call click after blur</em>. Is there any way to do it?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input type="text" onblur="txtblr()"&gt;
  &lt;input type="button" onclick="btnclk()" value="button"&gt;
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>function txtblr(){
  if(confirm('relly?')) {
      console.log('blur');
    }
   else {
      console.log('dont blur');
    }
  }
  
  function btnclk(){
      console.log('click');
  }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/wou5n1e8/" rel="nofollow noreferrer">Fiddle</a></p>