javascript - 如何在 OnKeyPress 事件发生后获取输入表单元素的值？

Question

如何在 OnKeyPress 事件后获取文本框的值？例如，假设我有以下代码:

<input type = "number" id = "foo" onKeyPress = "submit();"/>
<script type = "text/javascript">
function submit()
{
var textValue = document.getElementById("foo").value;
alert(textValue);
}
</script>

不幸的是，这不起作用，因为在 OnKeyPress 之后被触发时，变量 textValue仍将落后一个字符。我会使用 OnKeyUp ，但遗憾的是它不适用于 Android 设备，除非 <input type = "text">这在我的情况下不起作用...有人知道如何做到这一点吗？

Answer 1

我建议改用 input 事件，该事件在对输入值进行任何更改(例如通过键入字符、删除、粘贴和拖放)后触发。这适用于除 IE < 9 之外的所有主要浏览器。

document.getElementById("foo").addEventListener("input", function() {
    alert("CHANGED!");
}, false);