logo标签列表

如何在HTML中创建真正的“onchange”事件（无需jQuery）？

javascripthtmlformsdom-events
6
请注意：我不想使用jQuery（否则我喜欢它）
问题：我遇到了这样一种情况，需要在用户更改输入字段（例如）后执行一些javascript函数。所以我对自己说-我记得有一个onchange事件-但是onchange事件在用户离开字段之后运行，但是我需要每次用户输入字符时都调用该函数。Wowhead展示了我想要实现的漂亮例子this（带有占位符“在结果中搜索...”的字段）。
总结：我正在寻找一种简单的方法来检测REAL onchange事件（not the classic HTML one），并通过此调用JS函数，而不使用jQuery？
1
你应该监听 onkeyup 事件。 - Toni
1
注意不要只依赖键盘事件。请记住，用户可以使用指针设备剪切和粘贴字段。 - Alohci
@Alohci 嗯，那是一个非常好的观点！但幸运的是，在我的应用程序中，用户几乎没有办法复制它 :) 而整个鼠标监听的问题本身就是个问题 :) - jave.web
4个回答
10
耶！那正是我正在寻找的东西！非常感谢！顺便说一句：我知道这个事件，但我真的没想到它会在文本字段中表现得像那样 :-O 再次感谢 :) - jave.web
4
1

尝试使用onkeypress="myFunction()"或onkeyup="myFunction()"？

还有用于进入和离开文本字段的onfocus和onblur事件：）

0
你应该使用“input”事件。如果用户只使用鼠标修改了值，keyup和keypress将不起作用。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接