Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在angular2中,如何检测阵列上的shift键按下和向下键按下?_Angular - Fatal编程技术网

在angular2中,如何检测阵列上的shift键按下和向下键按下?

在angular2中,如何检测阵列上的shift键按下和向下键按下?,angular,Angular,我有一个项目列表,我正在尝试为项目列表提供文件遍历行为,如文件资源管理器,这意味着在选择项目后,如果按住shift键并按向下箭头键,这些项目应该被选中 我有下面提到的清单 <div class="container"> <ul class="mylist"> <li tabindex="1">item1</li> <li tabindex="2">item2</li> <li tabind

我有一个项目列表,我正在尝试为项目列表提供文件遍历行为,如文件资源管理器,这意味着在选择项目后,如果按住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>

  • 项目1
  • 第2项 第3项 第4项 第5项 第6项 第7项 第8项 第9项
  • 第10项


如果我使用的是
(keydown.ArrowDown)=“handleKeyEventDown($event,item.name)”
,则其唯一识别箭头向下事件的方式类似于keydown.shift识别shift键按下。但如果按下shift键,我将无法进入按键按下事件。如何在angular2中实现这一点,请解释。

从事件类型开始,添加一系列点分隔修饰符

例:
keydown.shift.ArrowDown
应该做你想做的事。

你能看看这个吗。非常感谢。但是(keyUp)和(keyDown)对任何键都有效,但当您按下shift键并按下向下箭头键时就不起作用。我需要一个事件,当按下shift键并按下向上箭头键或向下箭头键时会触发,如何以类似的方式按住Ctrl+A键?@code1类似于上述,只需按下键即可。控制。a谢谢。我尝试使用keydown.ctrl.a,但它不起作用。