javascript - 如何找到元素的 onClick 处理程序实际添加到 jQuery 的位置?

标签 javascript jquery html google-chrome-devtools

使用 Chrome 的开发人员工具,您可以查看元素可以触发哪些事件附加了监听器。 (检查一个元素,在开发人员工具窗口的右侧找到“事件监听器”选项卡。)当使用一些简单的 JS 添加它时,单击定义它的源链接通常会带您到调用 addEventListener。然而,当它与 jQuery 添加时,您可能最终会得到一些缩小的 jQuery 内容,开始看起来像这样:

function _(e) {
    var t = M[e] = {};
    return v.each(e.split(y), function(e, n) {
        t[n] = !0
    }), t
}

现在,即使我查看此代码的非缩小版本,它仍然不会告诉我最初调用它来添加事件监听器的位置。那么我该如何做到这一点并最终找出事件触发时实际会发生什么?

最佳答案

当前版本的 Chrome 会将您指向附加事件处理程序的实际代码,而不是处理附加的插件代码。

关于javascript - 如何找到元素的 onClick 处理程序实际添加到 jQuery 的位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20145684/

相关文章:

javascript - JSHint 和 JSLint 未捕获未定义的函数

javascript - AWS Amplify,等待 Auth.currentUserInfo

javascript - 使用 Greasemonkey 根据其内容更改 html 表格单元格格式

jQuery 根据多个因素进行排序

html - 调整插入内容 :url() 的 svg 图像

html - 更改页脚 css 的高度

javascript - css flip counter - 无法设置正确的速度

javascript - 延迟更改样式

jquery - 谷歌浏览器使用 jquery 在 css 更改上添加不需要的边距

php - 使用自定义条件在 PHP 中分解数据