當在輸入中輸入X秒後改變背景顏色

Question

我有一個contenteditable股利，當你鍵入它，2秒後，我嘗試改變它的背景顏色。

這是我的代碼：

function changeFn(){ 
     $(this).css('background','red') 
     console.log($(this).attr('id')); 
    } 
var timer; 

    $("div.content").on("keypress paste", function() { 

     clearTimeout(timer); 
      timer = setTimeout(changeFn, 2000) 
    }); 

看來，我必須通過$（本）的功能，因爲它不承認這$這是。

當我在按鍵功能中設置背景顏色更改時，它會起作用。

的jsfiddle：http://jsfiddle.net/uc8Tg/

Answer 1

使用jQuery.proxy，它設置的功能的上下文中：

function changeFn() { 
    $(this).css('background', 'red'); 
} 
var timer; 

$("div.content").on("keypress paste", function() { 

    clearTimeout(timer); 
    timer = setTimeout($.proxy(changeFn, this), 2000); 
}); 

實施例：http://jsfiddle.net/uc8Tg/1/

Answer 2

function changeFn(){ 
    $(this).css('background','red') 
    console.log($(this).attr('id')); 
} 
var timer; 
$("div.content").on("keypress paste", function() { 
    clearTimeout(timer); 
    var self = this; 
    timer = setTimeout(function(){changeFn.call(self)}, 2000) 
}); 

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/call