Html模式匹配事件

Question

一旦模式在输入字段中匹配，是否可以立即调用一些javascript函数？那有什么具体的事件吗？

<input type="text" class="form-control" name="zipcode" pattern="^[1-9][0-9]{3}\s?[a-z|A-Z]{2}$" (keyup.enter)="checkSth()">

我希望立即调用此checkSth()，而不会在模式匹配时单击输入。

Answer 1

您可以在javascript中添加事件监听器，例如

<强> HTML

<input id="input" />

<强> JS

document.querySelector('#input').addEventListener('keyup', () => console.log('changed'))

示例：https://jsfiddle.net/ew8ywk7y/