检测jQuery中的输入变化？

Question

检测jQuery中的输入变化？使用jQuery时.change在.上input只有当输入失去焦点时，才会触发该事件。在我的例子中，我需要在输入值改变后立即调用服务(检查值是否有效)。我怎么能做到这一点？

Answer 1

如果你有HTML 5：

• oninput

  (只有在实际发生更改时才会触发，但会立即触发)

否则，您需要检查所有这些事件，这些事件可能指示对输入元素的值进行更改：

• onchange

• onkeyup (不 keydown

  或

  keypress

  因为输入的值还没有新的击键)

• onpaste

  (支助时)

也许：

• onmouseup

  (我不确定这个)

Answer 2

对于HTML 5和不使用jQuery，您可以使用input事件:

var input = document.querySelector('input');input.addEventListener('input', function(){
    console.log('input changed to: ', input.value);});

这将在每次输入的文本更改时触发。

在IE9+和其他浏览器中支持。

试着住在jsFiddle在这里.