title: event.target.blur() not working
body: <p>I have a series of Bootstrap buttons like this:</p>
  
  <pre><code>&lt;button :disabled="page === lastPage" type="button" class="btn btn-default" @click="getPage(lastPage)"&gt;
      &lt;span class="glyphicon glyphicon-forward"&gt;&lt;/span&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>But the first line of the getPage method does not work:</p>
  
  <pre><code>event.target.blur();
  </code></pre>
  
  <p>Which is very strange, because I have another button in another component, on which event.taget.blur() works perfectly:</p>
  
  <pre><code>&lt;button class="btn btn-default pull-right" @click="show()" type="button"&gt;Batch
      &lt;span :class="{'glyphicon glyphicon-chevron-down': showForm, 'glyphicon glyphicon-chevron-up': !showForm}"&gt;&lt;/span&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>Does anyone know why this might be?</p>
  
  <p>EDIT: I think it's when I click inside the SPAN that the blur doesn't work.</p>
  
  <p>EDIT: oh well I solved it - I also need <code>event.target.parentNode.blur()</code> as well.</p>