Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Html模式匹配事件_Javascript_Html_Dom - Fatal编程技术网

Javascript Html模式匹配事件

Javascript Html模式匹配事件,javascript,html,dom,Javascript,Html,Dom,一旦模式在输入字段中匹配,是否可以立即调用某个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(),而无需单击enter。您可以像这样在javascript中添加事件侦听器 html <

一旦模式在输入字段中匹配,是否可以立即调用某个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()
,而无需单击enter。

您可以像这样在javascript中添加事件侦听器

html

<input id="input" />

示例:

是否使用键盘?无需输入,只需输入键盘。
onkeyup
onkeydown
您必须使用
oninput
事件跟踪更改,然后检查该模式并在需要时调用checkSth()函数。该函数在字段更改时触发。问题是当模式匹配时如何运行它。这与他已经使用
keyup
属性执行的操作有什么区别?此外,不可能完成他试图完成的任务,他可以在事件侦听器中验证regexp。@Baruch您应该键入atSignUsername(@+Quentin)从您的评论中通知他!
document.querySelector('#input').addEventListener('keyup', () => console.log('changed'))