jQuery的KEYUP（）延遲不工作

Question

我使用這個例子用jQuery 1.9.1

How to delay the .keyup() handler until the user stops typing?

延緩用戶停止鍵入後KEYUP請求。

// Custom Delay Function 
    var delay = (function(){ 
     var timer = 0; 

     return function(callback, ms){ 
      clearTimeout (timer); 
      timer = setTimeout(callback, ms); 
      }; 
    })(); 

    // Match Old Password 
    $('input[name="old_password"]').keyup(function(){ 
     delay(function(){ 
      var data = $.trim($(this).val()); 
      // Send request to check 
      /*$.post('admin/ajax/passReq.php', {action: 'old_match', data: data}, function(response){ 
       console.log('working'); 
      });*/ 
      console.log('working'); 
      }, 2000); 
    }); 

但我正在逐漸jQuery中:(

的typeError: o.nodeName is undefined這是不工作的1.9.1或我必須用另一種方式來使用這個

UPDATE：http://jsfiddle.net/jogesh_pi/6mnRj/1/

Answer 1

您在延遲調用中使用this而$(this)將不會是文本框。

移動它的延時函數調用的外部：

$('input[name="old_password"]').keyup(function(){ 
    var el = $(this); 
    // ^^^^^^^^^^^^^ 
    delay(function(){ 
     ... 
     }, 2000); 
}); 

Answer 2

// Match Old Password 
$('input[name="old_password"]').keyup(function(){ 
    var el = $(this); //you need this this. 
    delay(function(){ 
     var data = $.trim(el.val()); 
     // Send request to check 
     /*$.post('admin/ajax/passReq.php', {action: 'old_match', data: data}, function(response){ 
      console.log('working'); 
     });*/ 
     console.log('working'); 
     }, 2000); 
}); 

Answer 3

變化

var data = $.trim($(this).val()); 

到

var data = $.trim($('input[name="old_password"]').val()); 

您的代碼幾乎是正確的實際。