Response title
This is preview!
Move this topic
Replies(5)
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div>
</div><div><div>On Oct 28, 2009, at 7:45 AM, jayarjo wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><div>
I wonder if I can see somewhere what events are binded to a DOM
element (in FireBug maybe). Maybe it's obvious, but I just don't know
yet if it's even possible.
</div></blockquote><div>
</div></div>this bookmarklet might help:<div>
</div><div><a href="http://www.sprymedia.co.uk/article/Visual+Event">http://www.sprymedia.co.uk/article/Visual+Event</a>
<div apple-content-edited="true"> <span class="Apple-style-span" style="font-size: 13px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div><br class="Apple-interchange-newline">--Karl</div><div><br class="Apple-interchange-newline">____________</div><div>Karl Swedberg</div><div>www.englishrules.com</div><div>www.learningjquery.com</div><div>
</div></span><span class="Apple-style-span" style="font-size: medium;">
</span></span></div></span></div></div></body></html>
</div><div><div>On Oct 28, 2009, at 7:45 AM, jayarjo wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><div>
I wonder if I can see somewhere what events are binded to a DOM
element (in FireBug maybe). Maybe it's obvious, but I just don't know
yet if it's even possible.
</div></blockquote><div>
</div></div>this bookmarklet might help:<div>
</div><div><a href="http://www.sprymedia.co.uk/article/Visual+Event">http://www.sprymedia.co.uk/article/Visual+Event</a>
<div apple-content-edited="true"> <span class="Apple-style-span" style="font-size: 13px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div><br class="Apple-interchange-newline">--Karl</div><div><br class="Apple-interchange-newline">____________</div><div>Karl Swedberg</div><div>www.englishrules.com</div><div>www.learningjquery.com</div><div>
</div></span><span class="Apple-style-span" style="font-size: medium;">
</span></span></div></span></div></div></body></html>
Leave a comment on kswedberg's reply
Looks interesting, also I couldn't find the way to query it for
specific DOM elements.
However, as I figured out events are just set on DOM elements
with .data() function. So it just a matter of some scripting to list
them all in the console. Pretty straightforward.
Firebug people are building an extension EventBug, although they can't
say when it will be ready or released: http://blog.getfirebug.com/2009/09/18/eventbug-rising/
This one turned out to be very useful - cuts down amount of scripting
needed to just one line: http://james.padolsey.com/javascript/debug-jquery-events-with-listhandlers/.
Thumbs up!
Leave a comment on arbuzz's reply
Using FireBug console:
For example
<span class="signin" onclick="test()">aaaa</span>
Enter following script in command line under FireBug console Tab:
<span class="objectBox objectBox-text ">alert($(".signin").get(0).onclick)
HTH
Becoder
</span>
For example
<span class="signin" onclick="test()">aaaa</span>
Enter following script in command line under FireBug console Tab:
<span class="objectBox objectBox-text ">alert($(".signin").get(0).onclick)
HTH
Becoder
</span>
Leave a comment on becoder's reply
Using firebug:
you can write $('selector').data('events') in the console and run it.
then you will get all the events bound to that object.
you can click the events in firebug and go to there source to view
them.
you can write $('selector').data('events') in the console and run it.
then you will get all the events bound to that object.
you can click the events in firebug and go to there source to view
them.
Leave a comment on bjarkih's reply
jayarjo,
you might be interested in firequery, an experimental firebug
extension that visualizes jQuery manipulations.
http://firequery.binaryage.com/
you might be interested in firequery, an experimental firebug
extension that visualizes jQuery manipulations.
http://firequery.binaryage.com/
Leave a comment on keeganwatkins's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to arbuzz's discussion