如何在 Angular 中停止 keyup 事件的传播？

Question

我正在尝试创建一个仅包含数字的输入字段，并允许小数值最多保留 2 位小数。我想在 2 个小数位后停止用户在该字段上的输入。因此，无论用户输入什么，都不会输入该值。我正在使用

keyup

事件，因为

keypress

实际上迟到了值，因此导致检查出现问题。在我使用的 HTML 中：

<input
formControlName="WorkhoursPerWeek"    
class="mon-input-num"
(keyup)="validateNumber($event)"                                   
 />

在 Typescript 中，函数如下：

validateNumber(event: Event): Boolean {
    const DECIMAL_PLACES_REGEX = /^\d*\.?\d{0,2}$/;
    if (!DECIMAL_PLACES_REGEX.test(event.target["value"])) {
        return false;
    } else {
        return true;
    }
}

我尝试使用

keyup

和

event.stopPropagation()

在

event.preventDefault()

功能上输入用户。关于如何停止用户字段输入的任何想法？

Answer 1

一个不太合格的人提问和回答问题。

“谢谢”你。

╭∩╮（︶_︶）╭∩╮