blocks|key|666983|text|当我做这样的事情时，我使用onKeyUp事件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|666984|<script+type="text/javascript">
+function+bar()+{
++++++//do+stuff
+}
<input+type="text"+name="foo"+onKeyUp="return+bar()"+/>|code-block|syntax|javascript|666985|但是，如果您不想使用HTML，可以尝试使用jQuerys+.change()方法|666986|$('.target').change(function()+{
+++//do+stuff
});|666987|在本例中，输入必须有一个类"target“|666988|如果你有多个文本框，当它们的文本改变时，你想做同样的事情，并且你需要它们的数据，那么你可以这样做：|666989|$('.target').change(function(event)+{
+++//do+stuff+with+the+"event"+object+as+the+object+that+called+the+method
)};|666990|这样，您就可以对使用同一类的多个文本框使用相同的代码，而无需重写任何代码。|666991|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|Z|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

<p>When I'm doing something like this I use the onKeyUp event. </p>

<pre><code>&lt;script type="text/javascript"&gt;
 function bar() {
      //do stuff
 }
&lt;input type="text" name="foo" onKeyUp="return bar()" /&gt;
</code></pre>

<p>but if you don't want to use an HTML event you could try to use jQuerys .change() method</p>

<pre><code>$('.target').change(function() {
   //do stuff
});
</code></pre>

<p>in this example, the input would have to have a class "target"</p>

<p>if you're going to have multiple text boxes that you want to have done the same thing when their text is changed and you need their data then you could do this:</p>

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

<p>that way you can use the same code, for multiple text boxes using the same class without having to rewrite any code.</p>


blocks|key|667053|text|除非我误解了，否则您可以只使用onChange属性：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|667054|<input+type="text"+onChange="return+bar()">|code-block|syntax|javascript|667055|注意:在FF+3(至少)中，直到一些用户确认他们已被更改，或者通过单击远离元素、单击enter或其他，才会调用此方法。|667056|entityMap^0|F|8|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

<p>Well unless I misunderstand you can just use the <code>onChange</code> attribute:</p>

<pre><code>&lt;input type="text" onChange="return bar()"&gt;
</code></pre>

<p>Note: in FF 3 (at least) this is not called until some the user has confirmed they are changed either by clicking away from the element, clicking enter, or other.</p>


blocks|key|667101|text|直到你稍后失去焦点，onChange才会触发。如果您希望严格控制所有类型的即时更改，请使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|667102|<input
+++type+++++++=+"text"+
+++onchange+++=+"myHandler();"
+++onkeypress+=+"this.onchange();"
+++onpaste++++=+"this.onchange();"
+++oninput++++=+"this.onchange();"
/>|code-block|syntax|javascript|667103|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>onChange doesn't fire until you lose focus later.  If you want to be really strict with instantaneous changes of all sorts, use:  </p>

<pre><code>&lt;input
   type       = "text" 
   onchange   = "myHandler();"
   onkeypress = "this.onchange();"
   onpaste    = "this.onchange();"
   oninput    = "this.onchange();"
/&gt;
</code></pre>


blocks|key|884261|text|我使用这一行来监听来自javascript的输入事件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|884262|它很有用，因为它侦听文本更改和文本粘贴事件。|884263|myElement.addEventListener('input',+e+=>+{+myEvent()+});|code-block|syntax|javascript|884264|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>I used this line to listen for input events from javascript.<br>
It is useful because it listens for text change and text pasted events.</p>

<pre><code>myElement.addEventListener('input', e =&gt; { myEvent() });
</code></pre>


blocks|key|667145|text|使用oninput事件|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|667146|<input+type="text"+oninput="myFunction();"+/>|code-block|syntax|javascript|667147|entityMap^0|2|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>Use the <code>oninput</code> event</p>
<pre><code>&lt;input type=&quot;text&quot; oninput=&quot;myFunction();&quot; /&gt;
</code></pre>


<p>is there a way to implement a text change event to detect text change on an HTML input text field?<br/>  It's possible to simulate these using key events (key press etc), however, it's really not performant and difficult, is there a better way?</p>


html text input onchange event

有没有办法实现文本更改事件来检测HTML输入文本字段中的文本更改？可以使用按键事件(按键等)来模拟这些，然而，这真的不是很好的表现和困难，有没有更好的方法？

问更改事件时的html文本输入
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问更改事件时的html文本输入EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问更改事件时的html文本输入
EN