作为技术狂热分子的职业本能,看到一个技术产品的功能,总会忍不住想知道它是怎么被实现的。比如我每每看到别人网站一个很炫的界面或者很酷的功能,就忍不住打开了浏览器的控制台。。。
好,不扯远,说说当你想看到网站上某个元素绑定的事件函数的代码时应该怎么做吧。
查看原生绑定的事件函数代码
所谓原生就是通过addEventListener方法绑定到dom元素上。这个好办:
审查绑定事件的元素(对着它右键->审查元素)在弹出的Elements视图的控制台,右侧点击“Event Listeners”页签然后就能看到所有绑定在该元素的事件了,点开后,找到handler,右击鼠标,选择“Show Function