¿Hay alguna forma de rastrear una llamada a la función javascript?

Question

Necesito una forma definitiva de averiguar qué Javascript está modificando un valor de formulario? Lo mejor que he podido hacer es:

$(function(){ 
    console.log($("input[name=Email]").val()); 
}); 

Pero el valor no se ha modificado por el punto que esto se ejecuta.

Answer 1

Hay una nueva manera de hacer esto en Chrome y Firefox: console.trace

Ver aquí:

https://developer.mozilla.org/en-US/docs/Web/API/console.trace

En web inspector:

> console.trace() 
console.trace() VM251:2 
(anonymous function) VM251:2 
InjectedScript._evaluateOn VM223:581 
InjectedScript._evaluateAndWrap VM223:540 
InjectedScript.evaluate VM223:459 
undefined 

Así que para modificar la respuesta aceptada:

$('input#myInputAbove').change(function(){ 
    console.trace(); // No breakpoint needed anymore. 
}); 

Answer 2

prev_value = document.getElementByName('Email').value; 

$("input[name=Email]").change(function(){ 
    var cur_value = document.getElementById('Email').value; 
    if(cur_value != prev_value){ 
     alert("Value changed"); 
    //or console.log("Value changed"); 
    } 
} 

Answer 3

insertar este directamente debajo del HTML del elemento de formulario que desea rastrear:

$('input#myInputAbove').change(function(){ 
    console.log('change detected'); // Breakpoint on this line 
}); 

Uso FireBug para insertar una breakpoint en el método anterior JS. Dale un golpe y mira la stacktrace.

Answer 4

A continuación se le mostrará lo que los manipuladores de eventos se han unido a un elemento:

$.each($("input[name='Email']").data('events'), function(i, event){ 
    $.each(event, function(i, handler){ 
     console.log(handler.handler); 
    }); 
});