blocks|key|1741206|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1741207|基本上，只需对每个事件进行说明：|1741208|Html：|1741209|<input+id+=+"textbox"+type+=+"text">|code-block|syntax|javascript|1741210|Jquery：|1741211|$("#textbox").keyup(function()+{+
++++alert($(this).val());++
});+

$("#textbox").change(function()+{+
alert($(this).val());++
});+|1741212|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|S|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|T|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|H|7|V|8|@]|9|@]|A|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Try this:

Basically, just account for each event:

Html:

<pre><code>&lt;input id = "textbox" type = "text"&gt;
</code></pre>

Jquery:

<pre><code>$("#textbox").keyup(function() { 
 alert($(this).val()); 
}); 

$("#textbox").change(function() { 
alert($(this).val()); 
}); 
</code></pre>

blocks|key|1741219|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1741220|$("input").bind({
++++++++++++paste+:+function(){
++++++++++++++++$('#eventresult').text('paste+behaviour+detected!');
++++++++++++}
})|code-block|syntax|javascript|1741221|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|$]]

Try this:

<pre><code>$("input").bind({
 paste : function(){
 $('#eventresult').text('paste behaviour detected!');
 }
})
</code></pre>

blocks|key|1741270|text|使用这个：https://github.com/gilamran/JQuery-Plugin-AnyChange|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1741271|它处理所有更改输入的方式，包括内容菜单(使用鼠标)|1741272|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/gilamran/JQuery-Plugin-AnyChange^0|5|1F|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

Use this: 
<a href="https://github.com/gilamran/JQuery-Plugin-AnyChange" rel="nofollow">https://github.com/gilamran/JQuery-Plugin-AnyChange</a>

It handles all the ways to change the input, including content menu (Using the mouse)

blocks|key|1954749|text|更新-+2021|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1954750|从2021年开始，您可以使用input+event处理所有满足输入值更改的事件。|offset|length|style|CODE|1954751|$("#myTextBox").on("input",+function()+{
+++alert($(this).val());+
});|code-block|syntax|javascript|1954752|原始答案|1954753|只需记住，推荐使用'on‘而不是'bind’函数，因此请始终尝试使用如下所示的事件侦听器：|1954754|$("#myTextBox").on("change+paste+keyup",+function()+{
+++alert($(this).val());+
});|1954755|entityMap^0|0|E|5|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@$D|W|E|X|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|Y|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|10|8|@]|9|@]|A|$]]|$1|Q|3|R|5|J|7|11|8|@]|9|@]|A|$K|L]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

<h1>Update - 2021</h1>
As of 2021 you can use <code>input</code> event for all the events catering input value changes.
<pre><code>$(&quot;#myTextBox&quot;).on(&quot;input&quot;, function() {
 alert($(this).val()); 
});
</code></pre>
<h1>Original Answer</h1>
just remember that 'on' is recommended over the 'bind' function, so always try to use a event listener like this:
<pre><code>$(&quot;#myTextBox&quot;).on(&quot;change paste keyup&quot;, function() {
 alert($(this).val()); 
});
</code></pre>

blocks|key|1954770|text|您还可以使用textbox事件-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1954771|<input+id="txt1"+type="text"+onchange="SetDefault($(this).val());"+onkeyup="this.onchange();"+onpaste="this.onchange();"+oninput="this.onchange();">

function+SetDefault(Text){
++alert(Text);
}|code-block|syntax|javascript|1954772|Try+This|offset|length|1954773|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/fXnFF/291/^0|0|0|0|8|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

you can also use textbox events - 

<pre><code>&lt;input id="txt1" type="text" onchange="SetDefault($(this).val());" onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();"&gt;

function SetDefault(Text){
 alert(Text);
}
</code></pre>

<a href="http://jsfiddle.net/fXnFF/291/" rel="noreferrer">Try This</a>

blocks|key|1954814|text|$("#myTextBox").on("change+paste+keyup+select",+function()+{
+++++alert($(this).val());
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1954815|为浏览器建议选择|unstyled|1954816|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$("#myTextBox").on("change paste keyup select", function() {
 alert($(this).val());
});
</code></pre>

select for browser suggestion

blocks|key|1741436|text|这几个事件的组合对我来说很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1741437|$("#myTextBox").on("input+paste",+function()+{
+++alert($(this).val());+
});|code-block|syntax|javascript|1741438|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|$]]

This combination of events worked for me:

<pre><code>$("#myTextBox").on("input paste", function() {
 alert($(this).val()); 
});
</code></pre>

I want to execute a function every time the value of a specific input box changes. It almost works with <code>$('input').keyup(function)</code>, but nothing happens when pasting text into the box, for example. <code>$input.change(function)</code> only triggers when the input is blurred, so how would I immediately know whenever a text box has changed value?

Detecting value change of input[type=text] in jQuery

我想在每次特定输入框的值发生变化时执行一个函数。它几乎适用于$('input').keyup(function)，但例如，在将文本粘贴到框中时不会发生任何反应。$input.change(function)只在输入模糊时触发，那么我如何立即知道文本框何时更改了值呢？

问检测jQuery中输入[type=text]的值更改
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检测jQuery中输入[type=text]的值更改EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检测jQuery中输入[type=text]的值更改
EN