作为技术狂热者的职业本能，当我看到一个技术产品的功能时，我不禁想知道它是如何实现的。 例如，每次我在别人的网站上看到很酷的界面或很酷的功能时，我都会情不自禁地打开浏览器控制台。 。 。

好的，不说得太远，我们来谈谈当您想查看绑定到网站上某个元素的事件函数的代码时应该做什么。

查看原生绑定的事件函数代码

所谓就是通过方法绑定到dom元素上。 这很容易做到：

查看绑定的事件函数代码

嗯，我知道，你遇到了问题，对吧？ 对于所有绑定的事件函数，你通过上面的方法跳转到代码，它就会一直在那个地方。 看到它和没看到它是一样的。 所以宝哥就来教大家具体的观看方法。

查看.x版本绑定的事件函数代码

好吧，我知道，你肯定又遇到麻烦了。 因为当你使用.x版本时，上面的方法就不再起作用了。 原因是2.x的代码结构发生了变化。 事实上，2.x版本的事件仍然使用缓存机制，只是不像1.x版本那样暴露在外部。 相反，它们被封装并存在于闭包对象中，并且通常使用压缩版本。 这个你也看不到名字。 那么查了.x版本的源码后，包哥教大家如何定位：

其他：

以上操作默认在浏览器下完成。 其实下面也类似。 我相信作为一名技术人员，应该能够举一反三。 至于IE，呃……就当我没说吧。 :)

更新：

1.为了省去检查属性的麻烦，.x可以直接在控制台执行$.cache[$('#').get(0)[$.]]来输出元素绑定的东西，而不是首先去那里检查元素上的属性值

2.经过文章审核和测试。 有一种新方法，是目前最省力、适用所有人的。 直接在控制台中输入 $._data($('#').get(0)) 即可输出绑定到该元素的所有内容。 不过从源码中的注释我们发现$._data在以后的版本中将会被废除。 所以上面介绍的方法还是很有价值的。 授人以鱼不如授人以鱼，:)