javascript - 如何从 ng2 应用程序获取按键？

Question

我在简单的 ng2 应用程序中按下按键时遇到问题。

我只想检查每次按下哪个键。

我使用 keyup 事件创建了带有焦点输入的标记，以获取按下的键(字母):

<input type="text" class="input-letter" id="input-letter" #box (keyup)="onKey(box.value)">
<div>
    {{key}}
</div>

它有效，但我想每次都获取单个键值，并清除当前键值，目前所有键/字母都附加到键变量。

我尝试使用下面的 clearKey() 等方法，但它不起作用。

clearKey(): void{
    this.key = null; // I tried to use ' ' instead null
}

onKey(value: string): void {
    this.clearKey();
    this.key = value;      
}

感谢您对我做错的事情提出任何建议。

Answer 1

将键盘事件传递给 onKey 函数，而不是输入值。

<input type="text" class="input-letter" id="input-letter" #box (keyup)="onKey($event)">
<div>
    {{key}}
</div>

然后

onKey(e: KeyboardEvent): void {
    this.clearKey();
    this.key = e.key;      
}