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

问题描述

问 题

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

<script>
$('.test').click(function(){
alert('111')
})
</script>
<div class="test">点我！</div>

我希望的工具是：把鼠标放到点我！上面，就可以查询到class="test"这个div上面有没有写过对应的js功能，并且能把该js代码显示出来。
有么有这么神奇的工具呢？

解决方案

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

这篇关于javascript - 有什么前端工具，可以看到一个div上面有哪些对应的js?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！