Chrome Dev Tools: mi dice quale tipo di evento è collegato all'elemento ma quale file?

Question

In Chrome quando faccio clic con il pulsante destro del mouse su un elemento DOM per vedere quali listener di eventi sono collegati, dice sempre jquery.min.js: 2. Tuttavia, mi piacerebbe sapere quale dei miei file JavaScript contiene quel listener (ad esempio click listener di eventi).

Ad esempio, quale file contiene questo codice?

$('#clickMe').on('click', function(e){ //clicked}); 

Answer 1

Chrome non ha alcun modo di sapere che.

Quando si scrive $(...).click(function), il gestore eventi che viene aggiunto alla funzione è sempre all'interno di jQuery.
Chrome non può sapere quale callback alla fine verrà eseguito il gestore eventi jQuery.

Answer 2

Se si utilizza addEventListener (anziché $ (...). Click()), Chrome Dev Tools mostrerà la riga nel file in cui è stato aggiunto quel gestore.