当我将鼠标放在按钮上时，如何检测按钮的颜色是否因为 CSS 或 JavaScript 事件而改变？

Question

How can I detect if color of bottom change because CSS or JavaScript event when I put mouse on button?

My solution that not good enough:

1. create function that will listen to JavaScript events
2. check with firebug if element have CSS 'hover' rule

Problems in my solution:

1. Can't detect which event happen before CSS or JavaScript

2. Not Auto check

Please give better solution if you have. (I working with jQuery)

Answer 1

You can check with Firebug which events are fired in JavaScript. Go to the Console and click "Profile". Then move your mouse over the button and you will see the JavaScript event show up.