有什么前端工具，可以看到一个div上面有哪些对应的js?

Question

有没有什么工具，可以看到一个div上面有哪些对应的js?比如<script>     $('.test').click(function(){         alert('111')     }) </script> <div class="test">点我！</div>我希望的工具是：把鼠标放到“点我！”上面，就可以查询到class="test"这个div上面有没有写过对应的js功能，并且能把该js代码显示出来。有么有这么神奇的工具呢？

Answer 1

把chrome的调试功能运用好胜过大多数工具

Answer 2

Chrome开发者工具，在Elements > Event Listeners中可以查看元素上绑定的事件，并能链接到具体的JS代码。