检查 ngOnChanges 生命周期钩子中是否已按下回车键?

Question

我正在运行 Angular 7.x - 我有以下 ngOnChanges 生命周期钩子，我需要确定用户是否按下了 [ENTER] 键，如果是，请将此布尔值作为布尔值传递给下面的 processLinks(( - 最好的方法是什么，因为我不确定这是如何完成的？

ngOnChanges(changes: SimpleChanges){
console.log(changes);
if(changes.text) {
this.process();
}
}

Answer 1

Angular 具有内置的检测回车键方式

<input (keyup.enter)="testFun()">

Answer 2

SimpleChanges只描述组件中存在的变量。 要处理'Enter'密钥，请在视图中为事件"keypress"创建处理程序，并检查keyCode是否等于'Enter'密钥代码

Answer 3

您也可以在 HTML 中使用 keypress 事件，例如 (keypress(="myFunction ($event( ">

在 TS 文件中：

myFunction($event( {

控制台.log($event.keycode(//在这里你会得到输入关键字的键码。

如果 ( $ event.keycode == "13" ( {//只需检查一次它是否为 13

this.process((：//无论你从这里执行什么操作

} }