我有一个类似的需求(twitter样式的文本字段)。使用onkeyup和onchange。Onchange实际上负责在字段失去焦点时的鼠标粘贴操作。

[更新]在HTML5或更高版本中，使用oninput获取实时字符修改更新，如上面的其他答案所解释。

我有一个类似的需求(twitter样式的文本字段)。使用onkeyup和onchange。Onchange实际上负责在字段失去焦点时的鼠标粘贴操作。

[更新]在HTML5或更高版本中，使用oninput获取实时字符修改更新，如上面的其他答案所解释。

我认为在2018年最好使用输入事件。

-

正如WHATWG规范所描述的(https://html.spec.whatwg.org/multipage/indices.html#event-input-input):

当用户更改值时向控件触发(参见 改变事件)

-

下面是一个如何使用它的例子:

<input type="text" oninput="handleValueChange()">

这些天听oninput。感觉就像在改变，而不需要失去对元素的关注。它是HTML5。

除了IE8及以下版本，所有人(甚至是移动设备)都支持它。为IE添加onpropertychange。我是这样使用的:

const source = document.getElementById('source'); const result = document.getElementById('result'); const inputHandler =函数(e) { 结果。innerHTML = e.target.value; ｝ 源。addEventListener(“输入”,inputHandler); 源。addEventListener (propertychange, inputHandler);//用于IE8 // Firefox/Edge18-/IE9+不启动<select><option> . // / /源。addEventListener(‘改变’,inputHandler); <输入id = "源" > < div id = "结果" > < / div >

2018年到了，我是这么做的:

$(inputs).on('change keydown paste input propertychange click keyup blur',handler);

如果你能指出这种方法的缺陷，我会很感激。

onkeyup发生在你输入之后，例如，我按下t，当我抬起手指的动作发生，但在keydown动作发生在我数字字符t之前

希望这对某些人有所帮助。

onkeyup更适合发送刚才输入的内容。