2017-09-06 3 views
1

나는 항목 목록을 가지고 있으며 파일 탐색기와 같은 파일 탐색 동작을 항목을 선택한 후 Shift 키를 누른 상태에서 해당 항목을 선택해야하는 경우 항목의 의미 목록에 표시하려고합니다.각도 2에서 배열 키를 누를 때 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.ArrowDown)="handleKeyEventDown($event, item.name)"을 사용하고있는 경우도 마찬가지로 키를 눌러 이동 인식 keydown.shift. 그러나 시프트 키를 누르면 키 다운 언론에 대한 이벤트를 진행할 수 없습니다. angular2에서 이것을 달성하는 방법을 설명하십시오.

+0

이 사진은 https://angular.io/guide/user-input – Robert

+0

에서 볼 수 있습니다. 고맙습니다. 그러나 (keyUp) 및 (keyDown)은 모든 키에서 작동하지만 shift 키를 누르면 화살표 키를 누르지 않습니다. Shift 키를 누른 상태에서 위쪽 화살표 키 또는 아래쪽 화살표 키를 누르면 이벤트가 필요합니다. , – code1

답변

1

당신은 이벤트 형으로 시작 점으로 구분 된 수정

예 일련의 추가 keydown.shift.ArrowDown 당신이 원하는 일을해야합니다.

+0

감사합니다. 이것은 효과가 있었다. – code1

+0

하는 방법 Ctrl + 비슷한 방식으로 키를 클릭 하시겠습니까? – code1

+0

@ code1 위와 비슷하지만, 그냥'keydown.control.a'이 될 것입니다. – 12seconds

관련 문제