实时监听输入框值变化：oninput & onpropertychange

Posted 2020-07-31 vofill-work

结合 HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件来监听输入框值变化。

oninput 是 HTML5 的标准事件，对于检测 textarea, input:text, input:password 和 input:search 这几个元素通过用户界面发生的内容变化非常有用，在内容修改后立即被触发

使用 jQuery 库的话，只需要同时绑定 oninput 和 onpropertychange 两个事件就可以了，示例代码如下：

$(\'textarea\').bind(\'input propertychange\', function() {

    $(\'.msg\').html($(this).val().length + \' characters\');

});