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

角度5，我被卡住检查输入eventKey

1 个答案: