Javascript html文本输入onchange事件

Javascript html文本输入onchange事件,javascript,html,textbox,Javascript,Html,Textbox,有没有一种方法可以实现文本更改事件来检测HTML输入文本字段上的文本更改?可以使用按键事件(按键等)来模拟这些更改,但是,这并没有什么效果和困难,有没有更好的方法?当我做类似的事情时,我使用onKeyUp事件 <script type="text/javascript"> function bar() { //do stuff } <input type="text" name="foo" onKeyUp="return bar()" /> 在本例中,输

有没有一种方法可以实现文本更改事件来检测HTML输入文本字段上的文本更改?
可以使用按键事件(按键等)来模拟这些更改,但是,这并没有什么效果和困难,有没有更好的方法?

当我做类似的事情时,我使用onKeyUp事件

<script type="text/javascript">
 function bar() {
      //do stuff
 }
<input type="text" name="foo" onKeyUp="return bar()" />
在本例中,输入必须有一个类“target”

如果您将有多个文本框,当它们的文本发生更改时,您希望它们执行相同的操作,并且您需要它们的数据,那么您可以执行以下操作:

$('.target').change(function(event) {
   //do stuff with the "event" object as the object that called the method
)};

这样,您就可以对使用同一类的多个文本框使用相同的代码,而不必重写任何代码。

除非我误解了,否则您可以只使用
onChange
属性:

<input type="text" onChange="return bar()">


注意:在FF 3(至少)中,只有当用户通过单击远离元素、单击enter或other确认它们已被更改时,才会调用此命令。

onChange直到您稍后失去焦点时才会触发。如果您想严格控制各种瞬时变化,请使用:

<input
   type       = "text" 
   onchange   = "myHandler();"
   onkeypress = "this.onchange();"
   onpaste    = "this.onchange();"
   oninput    = "this.onchange();"
/>

我使用这一行来侦听来自javascript的输入事件。
它很有用,因为它侦听文本更改和文本粘贴事件

myElement.addEventListener('input', e => { myEvent() });

使用
oninput
事件

<input type="text" oninput="myFunction();" />


请提供更多详细信息。你需要做什么?你还没有想好怎么做。例如,如果字段接收到来自条形码扫描仪的输入,那么我将监视该字段,而不是使用keyup/press或onchange@mplugjan:用户在文本框中键入以搜索查询,输出区域会不断更新。请参阅此以获取最新答案:这是否回答了您的问题?jquery的更改事件是使用keyup事件实现的吗?@user775187否,我认为这是它实现的onChange事件,因为您还可以将更改事件用于单选按钮、选择列表、复选框等。-1:“但是如果您不想使用html事件,可以尝试使用jQuerys.change()方法。”在html中使用事件属性和使用jQuery之间有很多选择。认为没有的建议是相当误导的。最重要的是,从你的回答中也不太清楚这两件事实际上与完全不同的事件有关。请参考以下最新答案:
<input type="text" oninput="myFunction();" />