欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jQuery实时监听input value

程序员文章站 2022-07-14 22:17:54
...

一、相关知识

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();
            }
        });
    });