angular 鍵盤事件綁定與過濾

方便的angular按鈕綁定
如

<input (keyup.enter)="keyUpSearch($event)" value="按下回車鍵觸發">
<input (keyup.;)="keyUpSearch($event)" value="按下;號鍵觸發">

官方文檔：https://www.angular.cn/guide/user-input#key-event-filtering-with-keyenter

(keyup) 事件處理器監聽每一次按鍵。 有時只在乎回車鍵，由於它標誌着用戶結束輸入。 解決這個問題的一種方法是檢查每一個 $event.keyCode，只有鍵值是回車鍵時才採起行動。

更簡單的方法是：綁定到 Angular 的 keyup.enter 模擬事件。 而後，只有當用戶敲回車鍵時，Angular 纔會調用事件處理器。
示例：
template:

<input #box (keyup.enter)="update(box.value, $event)" (blur)="update(box.value)">

component:

@Component({
  selector: 'app-key-up4',
})
export class KeyUpComponent_v4 {
  value = '';
  update(value: string, event: any) { this.value = value; }
}

經常使用的過濾有

(keyup.enter)    // 按鍵並回車
(keyup.space)    // 按鍵並空格
(keyup.control)  // 按鍵並ctrl
(keyup.shift)    // 按鍵並shift
(keyup.alt)      // 按鍵並alt
(keyup.1)        // 按鍵1觸發
(keyup.，)       // 按鍵,觸發
(keyup.3)        // 按鍵並alt

不支持一些具備正則含義的符號，
如 / ? * 等