Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.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 如何在输入时添加动作_Javascript_Angular_Angular6 - Fatal编程技术网

Javascript 如何在输入时添加动作

Javascript 如何在输入时添加动作,javascript,angular,angular6,Javascript,Angular,Angular6,我是新来的,我需要帮助。我需要在键盘上的“回车”按钮上添加操作。。。所以,当用户在输入字段中输入某些内容并决定单击enter而不是使用鼠标时,必须具有相同的结果。。。什么意思是必须通过单击enter调用此函数。。。这对你们来说够了吗?你们可以给我一些答案吗? 谢谢:) 在组件的类定义中,可以添加 @HostListener("window:keyup.enter") onKeyUp() { // do something here } 这将向该组件添加一个事件侦听器,该侦

我是新来的,我需要帮助。我需要在键盘上的“回车”按钮上添加操作。。。所以,当用户在输入字段中输入某些内容并决定单击enter而不是使用鼠标时,必须具有相同的结果。。。什么意思是必须通过单击enter调用此函数。。。这对你们来说够了吗?你们可以给我一些答案吗? 谢谢:)



在组件的类定义中,可以添加

@HostListener("window:keyup.enter") onKeyUp() {
        // do something here
}
这将向该组件添加一个事件侦听器,该侦听器在释放enter键时激发并执行。用您希望在此事件中发生的事情填充正文。

1)从'@angular/core'使用导入{Component,HostListener}; 2) 使用decorator@HostListener:

@HostListener('document:keydown', ['$event'])
  public KeyEvent(event: KeyboardEvent): void {
    if (event.key === 'Enter') {
      this.doSomething();
    }
@HostListener('document:keydown', ['$event'])
  public KeyEvent(event: KeyboardEvent): void {
    if (event.key === 'Enter') {
      this.doSomething();
    }