在angular2中如何檢測Ctrl A鍵按？

Question

我有一個項目列表，我試圖將文件瀏覽器的文件遍歷行為提供給項目列表，這意味着在選擇項目后，如果您按住Shift鍵並按下向下箭頭，那些項目應該被選中。

我有一個如下所述的清單。

    <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.ctrl.a)="handleKey($event, item.name)" ，它不會識別ctrl和按鈕單擊。 我怎樣才能在angular2中實現這個目標？

Answer 1

使用control而不是ctrl ：

(keydown.control.a)="handleKey($event, item.name)"

Answer 2

將它放在handleKey以檢測是否按下了Ctrl + a：

event.getModifierState && event.getModifierState('Control') && event.keyCode===65

DEMO