angular - 检查是否在 ngOnChanges lifeCycle 挂钩中按下了 Enter 键？

Question

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

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

score 0 · Accepted Answer

0

Angular 有一个内置的方法来检测回车按键

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

于 2019-09-20T13:22:52.560 回答

score 0 · Accepted Answer

SimpleChanges仅描述存在于组件中的变量。'Enter'为事件“ ”处理键创建处理程序keypress并检查是否keyCode为相等的'Enter'键码

score 0 · Accepted Answer

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

在 TS 文件中：

我的函数（$事件）{

Console.log($event.keycode) // 这里你会得到 enter 关键字的 keycode。

if ( $ event.keycode == "13" ) {// 只检查一次是否为 13

this.process(): // 无论你的动作从这里执行

} }

3 回答 3