检测Angular 2中鼠标单击时按下的键

Question

我有一个带有div绑定到对象事件的角度2组件：

g

点击我只想在密钥＆＃39; a＆＃39;之后运行代码addAnnotation。被迫：

<div #myDiv class="myClass"
    (click)="addAnnotation($event)">
</div>

你知道如何做到这一点吗？

更新

我知道输入上有可用的键盘事件，但我在这里询问是否有可能检测到鼠标单击时按下了哪个键。原因是我想在点击的点上附加一个动态创建的元素，只有当键“a＆＃39;被按下了。

Answer 1

您是在keydown / keyup事件之后，而不是click事件。

但是，这些事件只能通过可聚焦元素提供，例如<input />。

一般情况下，我console.log $event发送给你的ldr rN, =label论点，看看我拥有的是什么。

Answer 2

这是example stackblitz

1 /你必须让你的组件可以集中精力

  @HostBinding('attr.tabIndex') tabIndex = -1;

并且为了防止大纲破坏你的ui你可以添加css

 :host { outline: none !important }

2 /然后您可以收听按键事件以存储当前活动的密钥，并使用密钥刷新来刷新它。

3 /然后点击，您检查有效密钥以查看＆＃39; a＆＃39;按下并运行您的代码。