Angular 5，我坚持检查输入eventKey

Question

我正在尝试检查从键盘接收值的输入，并且值不能超过60.一切都工作得很好但是当'ArrowUP'按到6-9并且键盘仍然可以按下时。我不知道我做错了什么，请帮忙！

零件

controlValue(event) {

let patt = /[0-9]/g;
let itTrue = patt.test(event.key);
console.log(this.startTime.minute)
if (itTrue || event.keyCode == 8 || (event.keyCode > 33 && event.keyCode < 48)) {
  if (event.code == 'ArrowUp') {
    this.startTime.minute++
    if (this.startTime.minute >= 60) {
      this.startTime.minute = 0;
    }
  } else if (event.code == 'ArrowDown') {
    this.startTime.minute--

    if (this.startTime.minute < 0) {
      this.startTime.minute = 59;
    }
  } else if (itTrue) {
    if ((this.startTime.minute + parseInt(event.key)) < 60) {

      console.log('return 1')
      return true
    }
    console.log('return 2')
    return false;
  } else {
    console.log('return 3')
    return true;
  }
} else {
  console.log('return 4')
  return false;
}

}

HTML

<input placeholder="MM" (keypress)="controlValue($event)" maxlength="2" [(ngModel)]="startTime.minute" class="form-control">

Answer 1

您需要使用keydown事件而不是keypress。

https://stackblitz.com/edit/angular-vkgr2p