title: Detect shift key in angular 5
body: <p>i have an issue . i am trying to detect is shift key is pressed or not.
  This what i tried but didn't work with me </p>
  
  <p>html :</p>
  
  <pre><code>&lt;input
    type="text" 
    class="form-control" 
    dir="rtl" 
    (input)="shiftkey($event)" 
    #myInput&gt;
  </code></pre>
  
  <p>ts:</p>
  
  <pre><code>    @ViewChild('myInput', {
        read: ElementRef
      })
      txt: ElementRef;
      ...
      shiftkey(event) {
  
   if (this.txt.nativeElement.value.toUpperCase() === 
   this.txt.nativeElement.value &amp;&amp; this.txt.nativeElement.value.toLowerCase() 
   !== this.txt.nativeElement.value &amp;&amp; !event.shiftKey)
     {
          console.log("test shift key");
        }
      }
  </code></pre>