CODEWITHSUNDEEP
javascriptjquerygoogle-chrometwitter-bootstrap
Janaka Dombawela
Janaka Dombawela

Reputation: 1357

Finding a running script for finding conflicts between javascripts

I have a form with some text boxes. I'm using bootstrap and I have a jquery plugin for form validation. My question is somehow some functions in bootstrap stopping the validation code from executing. This validation is written to onblur event and that code is in the same page with the form within <script> tags. I want to know that is there a way to find the running script on onblur event on google chrome developer tools.

Upvotes: 0

Views: 45

Answers (2)

Alex
Alex

Reputation: 11245

You can also override addEventListener(fiddle) and log then it calls:

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

Upvotes: 1

Vasiliy vvscode Vanchuk
Vasiliy vvscode Vanchuk

Reputation: 7169

Try jQuery Debugger for Chrome browser

If possible - give wep-page link

Upvotes: 2

Related Questions