javascript - <input> 文本变化事件

Question

是否有一个库可以从 <input type=text> 中提取所有文本事件？ (或 contentEditable——任何单行输入字段)元素？

特别是，我需要知道何时更改文本:

• 键入(asdf、退格键)
• 剪切/粘贴
• 组合键操作(例如 ctrl+bksp 或 option+bksp 删除前一个单词)
• 拖放文本
• 编辑菜单操作

最好是更改的内容(是否插入、删除或替换了文本以及是什么文本)。

需要在 Chrome、Safari、Firefox 3+、IE9+ 上工作。

Answer 1

所有这些浏览器都支持 HTML5 oninput 事件，它的工作方式与 onchange 事件非常相似，但一旦元素的输入发生变化就会触发。它还会冒泡，因此您可以将其捕获到文档树的更上层。

element.oninput = function () {

}

工作演示:http://jsfiddle.net/Zfthe/

http://whattheheadsaid.com/2010/09/effectively-detecting-user-input-in-javascript