title: Angular HostListener key event on whole component or div
body: <p>I am trying this code on angular 8:</p>
  
  <pre><code>@HostListener('keydown.shift.tab', ['$event'])
      onKeyDown(e) {
          // optionally use preventDefault() if your combination
          // triggers other events (moving focus in case of Shift+Tab)
          e.preventDefault();
          console.log('shift and tab');
      }
  </code></pre>
  
  <p>This fires the console log but only when my mouse is focusing the input.</p>
  
  <p>My question is...can this not be fired when outside the input, for example when a particular div is focus or component wide?</p>