¿Cómo puedo averiguar a qué función javascript llama el evento onclick de un objeto?

Question

¿Cómo puedo averiguar a qué función javascript llama el evento onclick de un objeto? Mejor aún, ¿puedo averiguar qué archivo .js está incluido en esa función?

Answer 1

Puede hacer como esto

Con Javascript Demo on JsFiddle

div1 = document.getElementById('div1'); 

alert(div1.getAttribute("onclick"));​ 

con jQuery Demo on JsFiddle

<div id="div1" onclick="myfun();" >​ 

alert($('#div1').attr('onclick'))​; 

Answer 2

que hacerlo usando este script Visual Event que pone de manifiesto claramente que los acontecimientos están suscritos por el que funciona en que elementos.

Para encontrar la fuente del código, simplemente use FireBug o herramientas de desarrollo de navegador similares para buscar el nombre de la función.

Answer 3

No podrá encontrar el archivo desde el que se llama al evento onclick, pero myObject.onclick le dará la función que está siendo llamada. Y no, no necesitas jQuery para esto.

En cuanto a obtener el nombre de la función, eso es un poco más complicado. Usted podría intentar algo como esto, tal vez:

var myFunc = myObject.onclick, myFuncName = ""; 

for(prop in window) { 
    if(window.hasOwnProperty(prop) && window[prop] === myFunc) { 
     myFuncName = prop; // myFuncName is now the name of the function. This only works if you didn't assign an anonymous function to the click handler. 
     break; 
    } 
} 

Pero, sinceramente, creo que es un poco excesivo.

Answer 4

Eso depende de cómo se conecte el event.

Si va a unirse a onclick sin algo como jQuery usted puede hacer esto:

var obj = document.getElementById('elementId'); 
console.log(obj.onclick); 

Answer 5

utilizo herramientas para desarrolladores de Chrome para esto:

Marque la casilla click, y luego haga clic en el elemento de la página para la que desea encontrar el controlador. Si está utilizando jQuery (o una biblioteca similar), es posible que tenga que pasar por su código antes de llegar al suyo.