瑞当

瑞当科技
创新引领未来

jquery实时监控input事件

当使用jquery绑定onchange事件后,无法生效,本文将讲述具体的实现方法,如下所示:

通常大家都喜欢这样绑定onchang事件

 $('#inputId').change(function() { alert('onChange!'); });

或者使用keydown、keyup,但是都无法达到实时预览的效果。
换句话说以上的绑定方法,是只有当input失去焦点、按下键盘,抬起键盘后,才会得到运行,如果使用keydown和keyup的话,使用鼠标操作的粘贴又无法监听,
达不到不是我们想要的效果,我们需要的效果是实时的运行监听input的change事件。

那么正确的生成绑定onchange的方法应该是什么样子的呢?

解决方法:
$(‘#inputId’).on(‘input’,function(e){
alert(‘change事件已执行!’)
});