修改输入中的值时的镜头事件

Question

请考虑以下事项：

<input type="text" id="foo" />

我需要的是，当input.#foo的值发生变化，没有模糊时，它会拍摄我的事件。问题出现了：我无法使用onkey事件，因为输入是由虚拟的HTML组合键盘接收的。

我可以轻松地使用真正的键盘：

document.querySelector("#foo").addEventListener('keypress', function() {
  // Implementation
});

W3C建议使用onchange，onchange 仅在blur事件发生后有效。我需要混合onkeypress，动态，按时修改和onchange，以了解它何时发生变化。你可以看到：http://jsfiddle.net/zuq733La/

Answer 1

我能想到的唯一方法（不使用blur，change，keypress，keyup或keydown事件）正在使用{{1 }： DEMO

setInterval()

在“演示”中，您可以看到即使您复制并粘贴文本（仅使用鼠标而不模糊输入），事件也会触发。

Answer 2

JS Fiddle

使用textInput它将检查添加的每个字符

document.querySelector("#foo").addEventListener('textInput', function () {
   alert('Value changed!');
});