Podczas wywoływania funkcji JavaScript, jak ustawić niestandardową wartość "to"?

Question

Używam jQuery i mam funkcję, która służy jako wywołanie zwrotne zdarzenia, a więc w tej funkcji "to" reprezentuje obiekt, który przechwycił zdarzenie. Istnieje jednak przypadek, w którym chcę wywołać funkcję jawnie z innej funkcji - jak ustawić, co "to" będzie równe w funkcji w tym przypadku?

Na przykład:

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

Zastosowanie applycall.

handleEvent.call(this, e); 

Answer 2

Wystarczy parametryzacji funkcji, które Cię interesują:

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

użytkowania

e.target 

Answer 4

Chciałbym doradzić, aby ponownie rozważyć swoją funkcję wtyczki jQuery.

Ale oto szybkie Fix:

handleEvent.apply(this,e) //transfers this from one scope, to another 

Answer 5

Jeśli jesteś po prostu patrząc zadzwonić jeden obsługi zdarzenia tak, jakby były uruchamiane normalnie apply/call będzie działać dobrze. Jednakże, w zależności od potrzeb, może być bardziej wytrzymałe, aby korzystać z wersji zerowej argument click() funkcję jQuery, która wyzwoli wszystkie kliknięcia ładowarki dla tego elementu:

function differentEvent(event) { 
    $("input.sad").keydown(e) { 
     doSomeOtherProcessing(); 
     $(this).click(); // simulate a click 
    } 
}