Javascript HTML:如何制作一个真正的;onchange";HTML中的事件(没有jquery)?

Javascript HTML:如何制作一个真正的;onchange";HTML中的事件(没有jquery)?,javascript,html,forms,javascript-events,Javascript,Html,Forms,Javascript Events,请注意:我不想为此使用jQuery(否则我喜欢) 问题:我遇到了这样的情况,在用户更改输入字段(例如,input type=“text”)后,我需要执行一些javascript函数。所以我对自己说-我记得一个onchange事件-但是onchange事件在用户离开该字段后运行,但是我需要调用该函数,例如每次用户向该字段键入字符时。Wowhead展示了我试图实现的一个很好的例子(带有占位符“搜索结果…”的字段) 摘要:我正在寻找一种简单的方法来检测REALonchangeevent(),并通过该方

请注意:我不想为此使用
jQuery
(否则我喜欢)

问题:我遇到了这样的情况,在用户更改输入字段(例如,input type=“text”)后,我需要执行一些javascript函数。所以我对自己说-我记得一个
onchange
事件-但是
onchange
事件在用户离开该字段后运行,但是我需要调用该函数,例如每次用户向该字段键入字符时。Wowhead展示了我试图实现的一个很好的例子(带有占位符“搜索结果…”的字段)

摘要:我正在寻找一种简单的方法来检测REAL
onchange
event(),并通过该方法在不使用
jQuery
的情况下调用JS函数

提前感谢!:)

然后使用而不是onchange。

尝试过onkeypress=“myFunction()”或onkeyup=“myFunction()”


还有用于输入和离开文本字段的onfocus和onblur事件:)

以下是调用每种类型的按键字段的简单方法

输入type=“text”onkeypress=“myFunction()

在这里举个例子

享受


您也可以使用onkeyup和onkeydown代替onkeypress。

您应该使用“输入”“事件。如果用户仅通过鼠标修改值,则keyup和keypress不起作用。

您应该侦听onkeyup事件。注意不要只侦听键盘事件。请记住,用户可以使用定点设备从字段中剪切并粘贴到字段中。@Alohci这是一个非常好的观点!但幸运的是,用户几乎无法在我的应用程序中复制它:)而整个鼠标监听问题本身就是整个问题:)耶!那正是我要找的!谢谢!顺便说一句:我知道这个事件,但我真的没想到它会在文本字段中表现得像这样:-O再次非常感谢:)