Angular9达成监听键盘enter键添加信息

先用keyup帮助侦听键盘事件

搜索条

  

  

  
正在运行
  

    
{{item}} × 
  
  
成功执行
  

    

  

之后，我们Ts处理文件中的键盘事件

export class ToDoListComponent implements OnInit {
  public toDoData = [];
  public keyword = ;
  constructor() {}

  ngOnInit(): void {}

  public doAdd(e: any): void {
    if (e.keyCode === 13) {
      this.toDoData.push(this.keyword);
    }
  }
}

这里的keyCode === 13 这意味着听键盘 ‘Enter’ 键位

下面是 关于keyCode相应的密钥：

  
    backspace
    8
  
  
    tab
    9
  
  
    enter
    13
  
  
    shift
    16
  
  
    ctrl
    17
  
  
    alt
    18
  
  
    pause/break
    19
  
  
    caps lock
    20
  
  
    escape
    27
  
  
    page up
    33
  
  
    Space
    32
  
  
    page down
    34
  
  
    end
    35
  
  
    home
    36
  
  
    arrow left
    37
  
  
    arrow up
    38
  
  
    arrow right
    39
  
  
    arrow down
    40
  
  
    insert
    45
  
  
    delete
    46
  
  
    0
    48
  
  
    1
    49
  
  
    2
    50
  
  
    3
    51
  
  
    4
    52
  
  
    5
    53
  
  
    6
    54
  
  
    7
    55
  
  
    8
    56
  
  
    9
    57
  
  
    a
    65
  
  
    b
    66
  
  
    c
    67
  
  
    d
    68
  
  
    e
    69
  
  
    f
    70
  
  
    g
    71
  
  
    h
    72
  
  
    i
    73
  
  
    j
    74
  
  
    k
    75
  
  
    l
    76
  
  
    m
    77
  
  
    n
    78
  
  
    o
    79
  
  
    p
    80
  
  
    q
    81
  
  
    r
    82
  
  
    s
    83
  
  
    t
    84
  
  
    u
    85
  
  
    v
    86
  
  
    w
    87
  
  
    x
    88
  
  
    y
    89
  
  
    z
    90
  
  
    left window key
    91
  
  
    right window key
    92
  
  
    select key
    93
  
  
    numpad 0
    96
  
  
    numpad 1
    97
  
  
    numpad 2
    98
  
  
    numpad 3
    99
  
  
    numpad 4
    100
  
  
    numpad 5
    101
  
  
    numpad 6
    102
  
  
    numpad 7
    103
  
  
    numpad 8
    104
  
  
    numpad 9
    105
  
  
    multiply
    106
  
  
    add
    107
  
  
    subtract
    109
  
  
    decimal point
    110
  
  
    divide
    111
  
  
    f1
    112
  
  
    f2
    113
  
  
    f3
    114
  
  
    f4
    115
  
  
    f5
    116
  
  
    f6
    117
  
  
    f7
    118
  
  
    f8
    119
  
  
    f9
    120
  
  
    f10
    121
  
  
    f1
  

上表来自此链接， 如果入侵被直接删除
https://www.cnblogs.com/manongxiaobing/archive/2012/11/05/2755412.html