2017-09-06 4 views
1

私はアイテムのリストを持っていて、アイテムを選択した後にShiftキーを押しながら下向きの矢印を押すと、ファイルエクスプローラのようなファイルトラバース動作をアイテムのリストに与えるようにしています。angle2では、どのようにシフトキーを検出するには配列キーを押しますか?

私は以下のようなリストを持っています。

<div class="container"> 
<ul class="mylist"> 
    <li tabindex="1">item1</li> 
    <li tabindex="2">item2</li> 
    <li tabindex="3">item3</li> 
    <li tabindex="4">item4</li> 
    <li tabindex="5">item5</li> 
    <li tabindex="6">item6</li> 
    <li tabindex="7">item7</li> 
    <li tabindex="8">item8</li> 
    <li tabindex="9">item9</li> 
    <li tabindex="10">item10</li> 
</ul> 

私はそのだけのキーを押してシフト認識keydown.shift同様にイベントを下矢印認識し、(keydown.ArrowDown)="handleKeyEventDown($event, item.name)"を使用しています。しかしシフトキーを押すと、キーダウンのためのイベントに行くことができません。これをangular2でどのように実現するか説明してください。

+0

あなたはこの1つを見ることができますhttps://angular.io/guide/user-input – Robert

+0

見た。ありがとうございました。しかし(keyUp)と(keyDown)はいずれのキーでも機能しますが、shiftキーを押したときとdownキーを押すとは機能しません。shiftキーを押しながらトリガーするイベントが必要です。 、 – code1

答えて

1

あなたはイベント型で始まり、

例ドット区切り修飾子の系列を追加: keydown.shift.ArrowDownはあなたが欲しいものを行う必要があります。

+0

ありがとうございます。これはうまくいった。 – code1

+0

操作方法Ctrl +同様の方法でキーをクリックしますか? – code1

+0

@ code1と同様ですが、それはちょうど 'keydown.control.a'となるでしょう – 12seconds

関連する問題