获取从(keypress)angular2中按下的键 [英] Get which key pressed from (keypress) angular2

问题描述

在Angular 2中使用(keypress)时是否可以找出按下了哪个键?

Is it possible to find out which key was pressed when using (keypress) in Angular 2?

例如

<input type=text (keypress)=eventHandler()/>

public eventHandler() {
    //Some code
    console.log(keyPressed);
}

似乎我的命名约定有些偏离.我的意思不是AngularJS 2，我的意思是带有打字稿的Angular 2.0.

Seems my naming conventions were a bit off. I did not mean AngularJS 2, I meant Angular 2.0 with typescript.

推荐答案

将$event传递给事件处理程序. $event是DOM KeyboardEvent .

Pass $event to your event handler. The $event is a DOM KeyboardEvent.

<input type=text (keypress)="eventHandler($event)">

eventHandler(event) {
   console.log(event, event.keyCode, event.keyIdentifier);
} 

如果知道所需的KeyboardEvent属性，则可以将其传递到事件处理程序中:

If you know which KeyboardEvent property you want, you can pass that into your event handler:

<input type=text (keypress)="eventHandler($event.keyCode)">

eventHandler(keyCode) {...}

这篇关于获取从(keypress)angular2中按下的键的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！