当前位置:  开发笔记 > 编程语言 > 正文

从(按键)angular2获取按键

如何解决《从(按键)angular2获取按键》经验,为你挑选了2个好方法。

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

例如



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

编辑:似乎我的命名约定有点偏.我不是指AngularJS 2,我的意思是带有打字稿的Angular 2.0.



1> Mark Rajcok..:

传递$event给您的事件处理程序.这$event是一个DOM KeyboardEvent.



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

如果您知道所需的KeyboardEvent属性,可以将其传递给事件处理程序:



eventHandler(keyCode) {...}


这不会检测到所有事件.例如,不是箭头键或转义.但你可以使用(keydown)获取所有这些.
event.key似乎是现在使用的,它给出了一个字符串,如'0','a','ArrowLeft'等.不鼓励使用event.keyCode.

2> Clayton K. N..:
@Component({
  selector: 'key-up3',
  template: `
    
    

{{value}}

` }) export class KeyUpComponent_v3 { value = ''; onEnter(value: string) { this.value = value; } }

或者像这样使用..

 
 


不错的解决方案。无需检查组件中的键代码等。
推荐阅读
爱唱歌的郭少文_
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有