How can I see the event that is attached to an html element?

javascript jquery javascript-events
Vaso A. picture Vaso A. · Aug 6, 2012 · Viewed 15.3k times · Source

Hello I am a new programmer and still learning. This is the code that I am trying to figure out:

<div id="buy" class="buy button">Buy</div>

When I click on the div (button), some javascript code is executed but I don't know were it is. How can I tell what function is fired when click happens? Some how a listener is attached to this element

Answer

yoelp picture yoelp · Aug 6, 2012

In Google chrome's developer tools (click the wrench icon >Tools>Developer tools), select the element in the Elements tab, on the right open the 'Event Listeners' panel you'll will see all events

Related questions

Using jQuery to test if an input has focus

On the front page of a site I am building, several <div>s use the CSS :hover pseudo-class to add a border when the mouse is over them. One of the <div>s contains a <…

Read More
Failed to load resource: the server responded with a status of 500 (Internal Server Error) in Bind function

I'm trying to send a call using ajax but in Chrome it is rising error but in firefox there is no error. But still it can't calling the method. I tried to record my call in firebug but there is …

Read More
How to trigger jQuery change event in code

I have a change event that is working fine but I need to get it to recurse. So I have a function that is triggered on change that will "change" other drop downs based on a class selector (notice "drop …

Read More