Javascript işlevini çağırırken, "bu" özel değerini nasıl ayarlayabilirim?

Question

jQuery kullanıyorum ve bir olay geri çağrısı olarak işlev gören bir işlev var, ve bu işlevde "bu", olayı yakalayan nesneyi temsil eder. Ancak, işlevi başka bir işlevden açıkça çağırmak istediğim bir örnek var - bu durumda "bu" ifadesinin işlev içinde eşit olacağını nasıl ayarlayabilirim? Örneğin

:

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 1

Kullanım applycall:

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 2

Sadece ilgilendiğiniz işlevini parameterize.

handleEvent.call(this, e); 

Answer 3

Kullanım

e.target 

Answer 4

İşlevinizi bir jQuery eklentisi olarak yeniden belirlerken öneriyorum.

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

Answer 5

sadece normal tetiklenen sanki tek bir olay işleyicisi çağırmak için arıyorsanız, apply/call iyi çalışır:

Ama burada hızlı bir düzeltme var. Ben sevdim ...

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