如何实现HTML文本更改事件?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (132)

是否有方法实现文本更改事件,以检测html输入文本字段上的文本更改?

可以使用键事件(按键等)来模拟这个过程,有更好的方法吗?

提问于
用户回答回答于

如果您想要对各种瞬间的变化非常严格,请使用:

<input
   type       = "text" 
   onchange   = "myHandler();"
   onkeypress = "this.onchange();"
   onpaste    = "this.onchange();"
   oninput    = "this.onchange();"
/>
用户回答回答于

当我这样做时,我使用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
)};

对于使用同一个类的多个文本框,无需重写任何代码。

扫码关注云+社区

领取腾讯云代金券