Jquery：我如何檢測內容更改？ （尋找替代KEYUP（））

Question

我用這個簡單的jQuery代碼從一個div獲得元素，然後以感謝其更改爲一個PHP腳本：

$(document).ready(function(){ 
    $("#description").keyup(function(){ 
    var recherche = $(this).val(); 

    $.ajax({ 
     type : "GET", 
     url : "result.php", 
     data : {motclef: recherche}, 
     success: function(server_response){ 
     $("#resultat").html(server_response).show(); 
     } 
    }); 
}); 

}); 

問題是有些變化，而不按happend任何鍵（複製/過去...）。我已經嘗試過.change（），但只有當元素的焦點丟失時纔會觸發它。

Answer 1

你可以告訴jQuery在一次調用中綁定多個事件。 進入方法後，您可以根據事件類型篩選行爲。在處理粘貼時，稍微延遲一下函數調用通常是一個好主意，以允許瀏覽器首先完成所需的任何操作。

編輯

我已經更新，以處理自動完成基於這個計算器answer答案。

$("#description").on("keyup paste cut focus change blur",function (event) { 

    var $this = $(this), 
     delay = 0 

    // Add delay for cut/paste 
    if (event.type === "paste" || event.type === "cut") { 
     delay = 5; 
    } 

    // Record the current value of the text box. 
    if (event.type === "focus" || event.type === "change") { 
     this.previousvalue = this.value; 
    } 

    // Trigger the change event if the value is now different. 
    if (event.type === "blur") { 
     if (this.previousvalue !== this.value){ 
      $this.change(); 
      return false; 
     } 
    } 

    window.setTimeout(function() { 

     var recherche = $this.val(); 

     $.ajax({ 
      type : "GET", 
      url : "result.php", 
      data : {motclef: recherche}, 
      success: function(server_response){ 
       $("#resultat").html(server_response).show(); 
      } 
     });     

    }, delay); 
});