很多时候我们需要动态监听input输入框值得变化,我们可以使用以下几种方法:
1.onkeydown、onkeypress、onkeyup监听事件
这3个是我们熟悉的监听事件,我们会发现复制粘贴等功能操作不了,且在处理组合键的时候比较麻烦。
此时我们就可以使用HTML5标准事件oninput、onchange和IE专属事件properchange。
2.oninput事件对象
oninput事件对象,当输入框的值发生变化时立即触发该事件。
3.onchange事件对象
onchange事件对象,当输入框的值发生变化且失去焦点时触发,可以用在飞输入框中,如select等
4.propertychange事件对象,
其功能与oninput相同,也是在输入框值发生变化时立即触发,它是用来替代oninput在IE8及以下浏览器的不兼容性的
5.output标签,
output是HTML5标签,用于计算输出,但IE系列浏览器不兼容。
input是标准的浏览器事件,当input的value值发生变化时就会触发,键盘输入和复制粘贴都可以监听到变化