Chrome debugging - break on next click event
We have a button. Click events are handled by a 3rd party framework, however, the framework is buggy somehow.
We want to debug the framework, however, we don't know where the corresponding event handler code resides to set a breakpoint. How to generally "break on next click event" and see where and how this click is handled by the 3rd party framework?
javascript debugging
google-chrome google-chrome-devtools asked Sep 18 '13 at 16:09
D.R.D.R.
9,4271348119
add a comment |
We have a button. Click events are handled by a 3rd party framework, however, the framework is buggy somehow.
We want to debug the framework, however, we don't know where the corresponding event handler code resides to set a breakpoint. How to generally "break on next click event" and see where and how this click is handled by the 3rd party framework?
javascript debugging
google-chrome google-chrome-devtools asked Sep 18 '13 at 16:09
D.R.D.R.
9,4271348119
2
Mostly a duplicate of Using Chrome, how to find who's binded to an event?
– Dan Dascalescu
Nov 18 '14 at 23:09
add a comment |
We have a button. Click events are handled by a 3rd party framework, however, the framework is buggy somehow.
We want to debug the framework, however, we don't know where the corresponding event handler code resides to set a breakpoint. How to generally "break on next click event" and see where and how this click is handled by the 3rd party framework?
javascript debugging
google-chrome google-chrome-devtools asked Sep 18 '13 at 16:09
D.R.D.R.
9,4271348119
We have a button. Click events are handled by a 3rd party framework, however, the framework is buggy somehow.
We want to debug the framework, however, we don't know where the corresponding event handler code resides to set a breakpoint. How to generally "break on next click event" and see where and how this click is handled by the 3rd party framework?
javascript debugging
google-chrome google-chrome-devtools javascript debugging
google-chrome google-chrome-devtools asked Sep 18 '13 at 16:09
D.R.D.R.
9,4271348119
asked Sep 18 '13 at 16:09
D.R.D.R.
9,4271348119
asked Sep 18 '13 at 16:09
D.R.D.R.
9,4271348119
asked Sep 18 '13 at 16:09
D.R.D.R.
9,4271348119
asked Sep 18 '13 at 16:09
D.R.D.R.
9,4271348119
9,4271348119
2
Mostly a duplicate of Using Chrome, how to find who's binded to an event?
– Dan Dascalescu
Nov 18 '14 at 23:09
add a comment |
2
Mostly a duplicate of Using Chrome, how to find who's binded to an event?
– Dan Dascalescu
Nov 18 '14 at 23:09
2
2
Mostly a duplicate of Using Chrome, how to find who's binded to an event?
– Dan Dascalescu
Nov 18 '14 at 23:09
Mostly a duplicate of Using Chrome, how to find who's binded to an event?
– Dan Dascalescu
Nov 18 '14 at 23:09
add a comment |
1 Answer
1
active
oldest
votes
What you are looking for are 'Event Listener Breakpoints' on the Sources tab. These breakpoints are triggered whenever any event listener, that listens for chosen event, is fired. You will find them in the Sources tab. In your case, expand 'Mouse' category and choose 'Click'.
edited Nov 20 '18 at 10:06
mvermand
2,57232448
answered Sep 18 '13 at 18:45
Konrad DzwinelKonrad Dzwinel
27.8k107790
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f18877190%2fchrome-debugging-break-on-next-click-event%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
What you are looking for are 'Event Listener Breakpoints' on the Sources tab. These breakpoints are triggered whenever any event listener, that listens for chosen event, is fired. You will find them in the Sources tab. In your case, expand 'Mouse' category and choose 'Click'.
edited Nov 20 '18 at 10:06
mvermand
2,57232448
answered Sep 18 '13 at 18:45
Konrad DzwinelKonrad Dzwinel
27.8k107790
add a comment |
What you are looking for are 'Event Listener Breakpoints' on the Sources tab. These breakpoints are triggered whenever any event listener, that listens for chosen event, is fired. You will find them in the Sources tab. In your case, expand 'Mouse' category and choose 'Click'.
edited Nov 20 '18 at 10:06
mvermand
2,57232448
answered Sep 18 '13 at 18:45
Konrad DzwinelKonrad Dzwinel
27.8k107790
add a comment |
What you are looking for are 'Event Listener Breakpoints' on the Sources tab. These breakpoints are triggered whenever any event listener, that listens for chosen event, is fired. You will find them in the Sources tab. In your case, expand 'Mouse' category and choose 'Click'.
edited Nov 20 '18 at 10:06
mvermand
2,57232448
answered Sep 18 '13 at 18:45
Konrad DzwinelKonrad Dzwinel
27.8k107790
What you are looking for are 'Event Listener Breakpoints' on the Sources tab. These breakpoints are triggered whenever any event listener, that listens for chosen event, is fired. You will find them in the Sources tab. In your case, expand 'Mouse' category and choose 'Click'.
edited Nov 20 '18 at 10:06
mvermand
2,57232448
answered Sep 18 '13 at 18:45
Konrad DzwinelKonrad Dzwinel
27.8k107790
edited Nov 20 '18 at 10:06
mvermand
2,57232448
edited Nov 20 '18 at 10:06
mvermand
2,57232448
edited Nov 20 '18 at 10:06
mvermand
2,57232448
2,57232448
answered Sep 18 '13 at 18:45
Konrad DzwinelKonrad Dzwinel
27.8k107790
answered Sep 18 '13 at 18:45
Konrad DzwinelKonrad Dzwinel
27.8k107790
answered Sep 18 '13 at 18:45
Konrad DzwinelKonrad Dzwinel
27.8k107790
27.8k107790
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f18877190%2fchrome-debugging-break-on-next-click-event%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
2
Mostly a duplicate of Using Chrome, how to find who's binded to an event?
– Dan Dascalescu
Nov 18 '14 at 23:09