jQuery实时监听input value

一、相关知识

1.onchange事件:
此事件会在元素内容发生改变，且失去焦点的时候触发。
浏览器支持度较好。
2.onpropertychange事件:
此事件会在元素内容发生改变时立即触发，即便是通过js改变的内容也会触发此事件。
元素的任何属性改变都会触发该事件，不止是value。
只有IE11以下浏览器支持此事件。
3.oninput事件:
此事件会在value属性值发生改变时触发，通过js改变value属性值不会触发此事件。
只有IE8以上或者谷歌火狐等标准浏览器支持。

兼容方法：onpropertychange和oninput共同使用便可以支持IE和谷歌火狐等浏览器。

二、实例

                <input name="keyword" id="keyword" type="text" value="<?php echo $keyword;?>" placeholder="职位名称、候选人姓名、面试地点进行搜索">

 

  $(function () {
        $("#keyword").on("input propertychange",function () {
            if($(this).val)
            {
                $("#cancel").hide();
                $("#submit").show();
            }
            else
            {
                $("#cancel").show();
                $("#submit").hide();
            }
        });
    });