当对输入使用jquery .change时,只有当输入失去焦点时才会触发事件
在我的例子中,我需要在输入值更改后立即调用服务(检查值是否有效)。我怎么才能做到呢?
当对输入使用jquery .change时,只有当输入失去焦点时才会触发事件
在我的例子中,我需要在输入值更改后立即调用服务(检查值是否有效)。我怎么才能做到呢?
当前回答
如果你想要在元素发生变化时触发事件,那么你可以使用keyup事件。
其他回答
有jQuery事件,如keyup和keypress,你可以使用输入HTML元素。 您还可以使用blur()事件。
UPDATED用于澄清和示例
示例:http://jsfiddle.net/pxfunc/5kpeJ/
方法1。输入事件
在现代浏览器中使用输入事件。当用户在文本框中输入,粘贴,撤销,基本上任何时候值从一个值改变到另一个值,这个事件都会触发。
在jQuery中这样做
$('#someInput').bind('input', function() {
$(this).val() // get the current value of the input field.
});
从jQuery 1.7开始,将bind替换为on:
$('#someInput').on('input', function() {
$(this).val() // get the current value of the input field.
});
方法2。keyup事件
对于老式的浏览器,使用keyup事件(一旦键盘上的一个键被释放,这个事件就会触发,这个事件可能会给出一种误报,因为当“w”被释放时,输入值被改变了,keyup事件就会触发,但当“shift”键被释放时,keyup事件就会触发,但输入没有发生任何改变。)此外,如果用户右键单击并从上下文菜单中粘贴,该方法也不会触发:
$('#someInput').keyup(function() {
$(this).val() // get the current value of the input field.
});
方法3。定时器(setInterval或setTimeout)
为了绕过keyup的限制,您可以设置一个定时器来定期检查输入值,以确定值的变化。您可以使用setInterval或setTimeout来执行此计时器检查。查看这个SO问题的标记答案:jQuery文本框更改事件或查看小提琴工作示例,使用焦点和模糊事件来启动和停止特定输入字段的计时器
这涵盖了使用jQuery 1.7及以上版本对输入的所有更改:
$(".inputElement").on("input", null, null, callbackFunction);
使用HTML5和不使用jQuery,你可以使用输入事件:
var input = document.querySelector('input');
input.addEventListener('input', function()
{
console.log('input changed to: ', input.value);
});
这将在每次输入文本更改时触发。
IE9+及其他浏览器支持。
在jsFiddle中试试。
// .blur在元素失去焦点时触发
$('#target').blur(function() {
alert($(this).val());
});
//触发手动使用:
$('#target').blur();