查找运行脚本以查找 javascript 之间的冲突答案

【问题标题】：Finding a running script for finding conflicts between javascripts查找运行脚本以查找 javascript 之间的冲突
【发布时间】：2014-04-14 22:30:00
【问题描述】：

我有一个带有一些文本框的表单。我正在使用引导程序，并且我有一个用于表单验证的 jquery 插件。我的问题是引导程序中的某些功能阻止了验证代码的执行。此验证写入onblur 事件，并且该代码与<script> 标记中的表单位于同一页面中。我想知道有没有办法在谷歌浏览器开发者工具的onblur事件上找到运行脚本。

【问题讨论】：

您可以在 devtool 选项卡中找到所有脚本 Sources
是的。但我想知道的是如何检查 onblur 事件中正在运行哪个函数

标签： javascript jquery google-chrome twitter-bootstrap

【解决方案1】：

试试 jQuery Debugger for Chrome 浏览器

如果可能 - 提供网页链接

【讨论】：

Chrome 调试器 = F12，右键单击文本框，点击检查元素，然后转到事件侦听器..它会在元素选项卡的右侧某处..检查此屏幕截图..@ 987654321@
@jfit：谢谢。找到了。
@user3383167 嘿 - 你应该接受 Vasil 的回答 :)

【解决方案2】：

您还可以覆盖addEventListener(fiddle) 并记录，然后它会调用：

function myEventListener(event, callback) {
    console.log(this, event, callback);
    this._addEventListener.apply(this, arguments);
}

HTMLElement.prototype._addEventListener = HTMLElement.prototype.addEventListener;
HTMLElement.prototype.addEventListener = myEventListener;

document.querySelector('input').addEventListener('blur', function () {
    document.body.style.background = 'red';
});

【讨论】：