找到一个运行脚本来查找javascripts之间的冲突

时间:2014-03-11 10:54:03

标签: javascript jquery google-chrome twitter-bootstrap

我有一个带有一些文本框的表单。我正在使用bootstrap,我有一个jquery插件用于表单验证。我的问题是在某种程度上引导程序中的一些函数阻止验证代码执行。此验证将写入onblur事件,该代码与<script>标记内的表单位于同一页面中。我想知道有没有办法在Google Chrome开发者工具的onblur事件上找到正在运行的脚本。

2 个答案:

答案 0 :(得分:2)

尝试jQuery Debugger for Chrome浏览器可能 - 提供网页链接

答案 1 :(得分:1)

您还可以覆盖addEventListenerfiddle)并记录然后调用:

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';
});