Question

我有一个contenteditable div，当你输入它时，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)
    });

似乎我必须将$（this）传递给函数，因为它无法识别这是$。

当我在按键功能中设置背景颜色更改时，它可以正常工作。

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

输入输入后，在X秒后更改背景颜色

2 个答案: