html文本输入onchange事件

Question

有没有办法实现文本更改事件来检测HTML输入文本字段上的文本更改？
可以使用关键事件(按键等)来模拟这些事件,然而,它确实不具备性能和难度,是否有更好的方法？

Answer 1

onChange在你稍后失去焦点之前不会开火.如果您想对所有类型的瞬时变化非常严格,请使用:

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

Answer 2

当我做这样的事情时,我使用onKeyUp事件.

<script type="text/javascript">
 function bar() {
      //do stuff
 }
<input type="text" name="foo" onKeyUp="return bar()" />

但如果您不想使用HTML事件,可以尝试使用jQuerys .change()方法

$('.target').change(function() {
   //do stuff
});

在这个例子中,输入必须有一个类"目标"

如果你想要在他们的文本被更改并且你需要他们的数据时你想要做同样的事情的多个文本框那么你可以这样做:

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

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

Answer 3

除非我误解你可以只使用onChange属性:

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

注意:在FF 3(至少)中,直到某些用户通过单击远离元素,单击回车或其他来确认它们已更改,才会调用此方法.