Quando si chiama una funzione Javascript, come si imposta un valore personalizzato di "this"?

Question

Sto usando jQuery e ho una funzione che funge da callback di un evento, quindi in tale funzione "this" rappresenta l'oggetto che ha catturato l'evento. Tuttavia, c'è un'istanza in cui voglio chiamare la funzione esplicitamente da un'altra funzione: come posso impostare cosa "questo" sarà uguale nella funzione in questo caso?

Ad esempio:

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

Usa applycall.

handleEvent.call(this, e); 

Answer 2

Proprio parametrizzare la funzione che ti interessa:

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

Usa

e.target 

Answer 4

Mi piacerebbe consigliare di ri-factoring la funzione come un plugin jQuery.

ma qui è una soluzione rapida:

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

Answer 5

Se si sta semplicemente cercando di chiamare un singolo gestore di eventi, come se venisse attivato normalmente, apply/call funzionerà benissimo. Tuttavia, a seconda delle esigenze, può essere più robusto per utilizzare la versione zero argomento della funzione di jQuery click(), che attiverà tutti i click gestori per quell'elemento:

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