html文本输入onchange事件

html text input onchange event

本文关键字：事件 onchange 输入 文本 html      更新时间：2023-09-26

有没有一种方法可以实现文本更改事件来检测HTML输入文本字段上的文本更改
使用按键事件（按键等）模拟这些是可能的，但是，这确实不具有性能，也很困难，有更好的方法吗？

onChange直到您稍后失去焦点才会启动。如果你想严格控制各种即时变化，请使用：

<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
)};

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

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

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

注意：在FF 3中（至少），直到一些用户通过点击离开元素、点击回车或其他方式确认它们已更改，才会调用此项。

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

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

使用oninput事件

<input type="text" oninput="myFunction();" />
相关文章：