作为一个技术狂热者的职业本能,看到一个技术产品的功能,不禁让人好奇它是如何实现的。比如每次在别人的网站上看到很酷的界面或者很酷的功能,就会忍不住打开浏览器控制台。
好了,不要跑题了,告诉我你想在网站上看到绑定到某个元素的事件函数的代码应该怎么做。
查看本机绑定的事件函数代码
Native通过addEventListener方法绑定到dom元素。这很容易处理:
检查绑定到事件的元素(右键单击它-检查元素)。在弹出的元素视图中,单击控制台右侧的“事件侦听器”选项卡,然后您可以看到绑定到该元素的所有事件。点击后,找到处理程序,右击鼠标,选择“显示功能定义”菜单。您可以跳转到绑定到此元素的事件函数的源代码位置。有图有真相:
检查jquery绑定的事件函数代码
我知道你有问题。jquery绑定的所有事件函数,你以上面的方式跳转到jquery的代码,它会一直在那个地方。和不看一样。因此,鲍哥在这里教你如何查看jquery。
或者查看元素并单击“属性”视图。选择第一个,展开并找到一个“jQuery”