2017-05-02 4 views
0

私は角度2のプロジェクトでシフトキーと左クリックをしようとしています。シフトキーと角度2の左マウスクリック

@HostListener('window:keydown', ['$event']) 
    keyboardInput(event: KeyboardEvent) { 
    if(event.shiftKey && event.which === 1){ 
     console.log("shiftkey+left mouse"); 
} 

これは機能しません。

+0

それは、動作するはずです[デモこちら]をチェック(https://plnkr.co/edit/Aubybjbkp7p8FPxqM0zx?p=preview) –

+0

はい、私はシフトが欲しいですキーと右マウスを一緒にクリック –

答えて

3

あなたはこれを試すことができ、それが動作する、

@Component({ 
     selector: 'xxxx', 
     templateUrl: 'yourtemplate', 
     host: { 
      '(window:keydown)': 'findKey($event)', 
      '(window:mousedown)': 'findKey($event)' 
     } 
    }); 

    findKey(event) { 
      if(event.shiftKey && event.which === 1){ 
        console.log("shiftkey+left mouse"); 
      } 
     } 
+0

それはあなたがしたい場合、event.shiftKey && event.which === 3 – RemyaJ

+0

テンプレートに何を書くか? (マウスアップ)? (keypress)= findkey($ event)?エラー:0:0の原因:self.context.findKeyが関数ではない –

+0

'mousedown'イベントが発生すると' event.shiftKey'はtrueになりません。 'mouseDown'は'マウスのイベント –