Angular KeyboardEvent示例-详细内容

文章内容

2020/5/26 15:31:22,作者: 黄兵

Angular KeyboardEvent示例

这个示例监听键盘事件，具体代码如下：

import {DOWN_ARROW, UP_ARROW} from '@angular/cdk/keycodes';

@HostListener('keydown', ['$event'])
  keydown($event: KeyboardEvent) {
    // 監聽鍵盤事件並依照案件設定按鈕focus狀態
    if ($event.keyCode === UP_ARROW) {
      this.keyManager.setPreviousItemActive();
    } else if ($event.keyCode === DOWN_ARROW) {
      this.keyManager.setNextItemActive();
    }
  }

如果按键盘的下箭头，将会选择下一个输入框。

上一篇：mat-autocomplete select event事件处理
下一篇：Angular 设置当前为focus指令

分享到：