Al llamar a una función de Javascript, ¿cómo configuro un valor personalizado de "esto"?

Question

Estoy usando jQuery y tengo una función que sirve como devolución de eventos de eventos, y en esa función "this" representa el objeto que capturó el evento. Sin embargo, hay una instancia en la que deseo llamar a la función explícitamente desde otra función: ¿cómo puedo establecer qué "esto" será igual dentro de la función en este caso?

Por ejemplo:

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

Uso applycall.

handleEvent.call(this, e); 

Answer 2

Sólo parametrizar la función que le interesa:

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

Uso

e.target 

Answer 4

Te recomiendo que vuelvas a factorizar tu función como un complemento de jQuery.

Pero aquí es una solución rápida:

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

Answer 5

Si usted está buscando simplemente llamar a un solo controlador de eventos como si estuviera siendo activado normalmente, apply/call no tendrán ningún problema. Sin embargo, dependiendo de sus necesidades, puede ser más robusto para utilizar la versión sin argumentos de la función de jQuery click(), lo que dará lugar todos clic manipuladores de ese elemento:

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