How to debug an event listener in Firebug?

Question

I would like to execute every code step by step after the debugger keyword in Firebug. In the following example JSFiddle the execution halts when the form is clicked because of the debugger keyword in the onclick attribute. Subsequently I click Step Into in Firebug but instead of showing the jQuery code, it shows nothing... How to make Firebug halt at the jQuery code?

<form method="get" onclick="debugger">
    <input type="text" name="q" value="">
    <input type="submit" value="Search Google">
</form>

jQuery code:

$('form').submit(function() {
    document.title = "How to shown this line in debugger?";
    return confirm('Are you sure you want to search Google?');
});

yes, i clicked Step Into too, all it show is "debugger" word instead of showing document.title = "How to shown this line in debugger?"; — Nok Imchen
– Nok Imchen, Commented Jul 27, 2014 at 11:37
because that is where you have debugger, if you want to debug the callback function put debugger inside it — Patrick Evans
– Patrick Evans, Commented Jul 27, 2014 at 11:38
@PatrickEvans sorry about the question.. in the above example i can add debugger, but i can do that in other websites :( — Nok Imchen
– Nok Imchen, Commented Jul 27, 2014 at 11:40
Note that when you place the debugger keyword inside the click event handler, you'll just be able to debug that event handler. What you want to debug, though, is the completely unrelated submit event handler. — Sebastian Zartner
– Sebastian Zartner, Commented Jul 27, 2014 at 21:06

Sebastian Zartner · Accepted Answer · 2014-07-27 21:09:44Z

3

For Firebug

Go to the Script panel
Click the dropdown for the scripts and select the script you need
Add a breakpoint on the line you want to start debugging from

For Chrome

Go to the console
Then to the Sources tab
Click "show navigator" button
Select the script
Click the line number you wish to debug from

edited Jul 27, 2014 at 21:09

Sebastian Zartner

20.4k10 gold badges104 silver badges143 bronze badges

answered Jul 27, 2014 at 12:18

Patrick Evans

42.8k6 gold badges81 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to debug an event listener in Firebug?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related