本文介绍 DOM3 规范中的 textInput 事件，重点解析其仅在输入可视字符时触发的特性，并与 keypress 事件进行对比。通过示例代码展示如何获取输入字符，并说明当前仅 IE9、Chrome 和 Safari 支持该事件。
textInput 事件触发机制
与 keypress 事件不同，textInput 事件仅在用户输入可见字符时才会触发。相比之下，keypress 事件只要按下键盘按键就会触发，例如 CapsLock 或 Backspace 键也会引发 keypress 事件。
可以看出，textInput 主要关注的是实际输入的字符内容。开发者可以通过事件对象中的 data 属性直接获取用户输入的字符信息。
示例代码与浏览器支持
以下是一个简单的示例代码。
<!DOCTYPE HTML> <html> <head> <title>DOM3 event textInput</title> </head> <body> <input id="ipt" type="text" /> </body> </html> [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
目前，该事件主要得到 IE9、Chrome 和 Safari 浏览器的支持。