title: Focus event doesn't fire on input fields (no jQuery)
body: <p>For some reason the following code only fires when the window gets focus, but not when input fields get focus, or any other element (regardless of whether they have a tabindex or not).</p>
  <p>I don't want to use <code>someElement.addEventListener</code> method, because the element isn't attached to the view at the time the event listener is added.</p>
  <pre><code>var handleFocus = function(event) {
     var el = event.target;
     console.log(el);
  }
  
  addEventListener('focus', handleFocus, false);
  </code></pre>
  <p>I basically need to listen for when any input fields are focused on. My reason for wanting to apply it to the parent window, is that the form fields are added and removed from the view at different times (Aurelia).</p>
  <p>When the event fires, I want to be able to read properties of the target, to see what actions I need to take.</p>
  <p>Any help on this would be super...</p>