Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.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
Javascript 如何从ng2应用程序中获取按键?_Javascript_Angular_Typescript - Fatal编程技术网

Javascript 如何从ng2应用程序中获取按键?

Javascript 如何从ng2应用程序中获取按键?,javascript,angular,typescript,Javascript,Angular,Typescript,我在简单的ng2应用程序中遇到按键问题 我只想每次按下哪个键都检查一下 我创建了带有keyup事件的聚焦输入标记,用于获取按下的键(字母): <input type="text" class="input-letter" id="input-letter" #box (keyup)="onKey(box.value)"> <div> {{key}} </div> 感谢您对我的错误提出建议。将键盘事件传递给onKey函数,而不是输入值 <inpu

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

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

我创建了带有keyup事件的聚焦输入标记,用于获取按下的键(字母):

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

感谢您对我的错误提出建议。

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

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

将键盘事件传递给
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;      
}