调用Javascript函数时，如何设置“this”的自定义值？

Question

我正在使用jQuery，我有一个函数作为事件回调，所以在这个函数中，“this”代表捕获事件的对象。然而，有一个实例，我想从另一个函数显式调用函数——在这种情况下，我如何在函数中设置“this”等于什么？

例如：

function handleEvent(event) {
    $(this).removeClass("sad").addClass("happy");
}

$("a.sad").click(handleEvent); // in this case, "this" is the anchor clicked

function differentEvent(event) {
    $("input.sad").keydown(e) {
        doSomeOtherProcessing();
        handleEvent(e); // in this case, "this" will be the window object
                        // but I'd like to set it to be, say, the input in question
    }
}

Answer 1

使用

e.target

Answer 2

只需参数化您感兴趣的函数：

function doStuff(el) {
    $(el).removeClass("sad").addClass("happy");
}

function handleEvent(event) {
    doStuff(this);
}

$("a.sad").click(handleEvent); // in this case, "this" is the anchor clicked

function differentEvent(event) {
    $("input.sad").keydown(e) {
        doSomeOtherProcessing();
        doStuff(this);
    }
}

Answer 3

使用 应用 调用。

handleEvent.call(this, e);