change 和 propertychange 事件监听input 并发起ajax请求

一、用到的主要事件 change 和 propertychange 

1. change 事件在内容改变（两次内容有可能还是相等的）且失去焦点时触发；
2. propertychange 事件是实时触发，即每增加或删除一个字符就会触发

实例1：

可以实时监听，input 输入值的改变
$("#in-val").bind('input propertychange',function(){
        var query_var = $("#in-val").val();
        if(query_var != ""){
            $.ajax({
                type: "POST",
                url: "/tools/addr/queryByLinkName",
                dataType: "json",
                data: {linkName:query_var},
                success: function (result) {
                    $("#tb_addr").bootstrapTable('load',{
                        "rows": result.data, //数据
                        "total":result.total,//总页数
                    });
                    $.toast("共查询 "+result.total+" 条记录");
                }
            })
        }else {
            $.toast("请输入服务名称");
            $('#tb_addr').bootstrapTable('refresh');
            return
        }
    });

实例2：

监听事件的应用还可以参考这个实例：http://www.jq22.com/webqd6119

$(function() {
    $(".box1").bind('input propertychange', function() {
        var a = $(".box1").val();
        $(".box2").val(a);
    })
    $(".box2").bind('input propertychange', function() {
        var b = $(".box2").val();
        $(".box1").val(b);
    })
})