Question

如何实时监听 input 和 textarea输入框值的变化

Answer 1

在实际前端开发中经常会遇到要实时监听用户的输入，根据不同的输入值来采取不同的措施。举一个常见的例子：在使用baidu搜索框进行搜索时，每多输入一个字，搜索框下方显示的匹配结果会实时变化。这样的效果就是通过实时监听搜索框的输入值变化从而提取不同的匹配结果来实现的。
那么，一般使用最多的输入框就是 input 和 textarea 了。要想实时监听这两种输入框的值变化，就不得不提到键盘事件 key event 了。