开发者社区> 问答> 正文

如何查看 js (jquery) 绑定事件的函数代码

比如有如下html, 使用jquery绑定了一个click事件
在一个陌生网站上,我们知道一个按钮绑定了事件,但是如何才能查看到绑定事件的那块代码呢?
chrome有event listeners,里面的listenerBody貌似可以看到一点原生js写的,
但是jquery写的有时候是定位到jquery源代码里面了...

<a id="apc" href="">x_x</a>
$('#apc').bind('click', function(){
    $('#apc').attr('href', 'http://segmentfault.com/');
});

展开
收起
小旋风柴进 2016-03-24 13:07:49 2392 0
1 条回答
写回答
取消 提交回答
  • $(node).data("events")或$._data( node, "events" );
    反正差不多是类似的方式。你看一下jQuery中Event实现的源码就知道了。不同的版本,这些内部实现会有些不一样,所以得看对应版本源码实现。

    Chrome console: getEventListeners(ele);

    举例,你正在访问该问题,然后F12,在Chrome console下运行下面的代码即可:

    a=$("#a-1020000000446531 .post-big-vote");
    $._data(a[0],"events").click[0].handler.call(a);
    2019-07-17 19:12:37
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript函数 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载