一、用到的主要事件 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);
    })
})