在实际项目中经常会需要检测input输入框的值，这里主要介绍两种方法的检验，一种是change事件，一种是input事件。

       change事件在input失去焦点才会考虑触发，它的缺点是无法实时响应，与blur事件有着相似的功能，但与blur事件不同的是，change事件在输入框的值未改变时并不会触发，当输入框的值和上一次的值不同，并且输入框失去焦点，就会触发change事件。

       change的事件绑定方法：



      而如果需要实时检测input输入框的值的时候，就需要用到h5的新事件:input事件了，input事件可以实现对input输入框值的实时监控，只要input输入框值发生改变就会触发，但因为是h5的新事件，应此需要考虑兼容性问题，ie9以下的浏览器并没有实现这个事件，这些浏览器需要实时检测就可以使用 propertychange事件，这个事件是在input的属性值发生改变时触发，而输入框的值就是input的value属性，应此可以用其来监听输入数据的改变。

input事件和propertychange事件可以一起使用，保证实时监听在所有浏览器中都能运行。

input事件的事件绑定方法：

jquery的写法：

input输入框的change事件，要在input失去焦点的时候才会触发

        $("#input_id").change(function(){
            alert($('#input_id').val());
        });

在输入框内容变化的时候不会触发change，当鼠标在其他地方点一下才会触发

用下面的方法会生效，input

    $("#input_id").on('input',function(e){
       alert('Changed!')
    });

综合参考：
https://blog.csdn.net/weixin_42675524/article/details/81076240

https://blog.csdn.net/arkblue/article/details/18039091

上一篇：基于layui的下拉框多选效果(下拉多选框)
下一篇：1rem等于多少px (rem和px怎样转换？)