覆盖或阻止外部.js文件加载到Chrome / tampermonkey中

Question

I have a page with the following script:

<script type="text/javascript" src="domainstuff/evil.js"></script>

It has the following thing:

var input = ":input[type=text]";
jQuery(function(input) 
{
    jQuery(input).bind('focusout', function(e) 
    {
        //...etc
    }
}

It overrides my js:

document.addEventListener("focusout", function (e)
    {
         //etc
    }

I've tried in tampermonkey

jQuery(input).unbind("focusout");

and also

jQuery(input).off("focusout");

but I don't think I am able to target the evil.js's function.

I can't find the SO question again, but I read someone suggested to use

// @run-at document-start

and

// @run-at document-end

but both don't prevent the evil.js file from loading.

To be honest, I've been able to block the script with uBlock Origin, and my script finally works, but I just want to know if it's possible to override a function (event?) in an external .js file.

Answer 1

Input in this case, is a variable, given that you're loading the JavaScript after the initial evil script:

jQuery(input).off("focusout");

will not work, but:

jQuery(':input[type=text').off("focusout");

Should work.

Now you'll have to make sure that this applies after the document is loaded and the JavaScript gets executed, so:

$(document).ready(function() {
    jQuery(':input[type=text').off("focusout");
}

In case this doesn't work either, the off() is still being called before the initial eventListener gets applied, so:

$(document).ready(function() {
    setTimeout(function() {
        jQuery(':input[type=text').off("focusout");
    }, 500);
}

Will wait half a second after loading before removing the focusout, after which you can apply the new event listener.