disable all javascript events on page

Question

I am trying to write a chrome extension that disables event listeners for all elements (mouseover, click, ...) I am not trying to rewrite noscript, this is just a setup step that i need.

I have tried $("body *).unbind() and .unbind("mouseover click") and .off() and .off("mouseover click") none worked.

What am i doing wrong?

PS: it would also be fine to just disable all javascript code (coming from the page itself) from running on the page and only allow my extension injected code

You can't disable JavaScript event listeners with jQuery event handling...they're 2 totally different things. — Ian
– Ian, Commented Nov 20, 2013 at 0:51
I believe that the listeners on the page are created using jquery also. But I would like to remove all event listeners — WindowsMaker
– WindowsMaker, Commented Nov 20, 2013 at 0:53
Well it seems to work as you expect...are you sure the events aren't bound after your code? And that your code is actually running? jsfiddle.net/zArE4 — Ian
– Ian, Commented Nov 20, 2013 at 0:56
The standard .removeEventListener takes the function listener type (click) and the original function listening to the event. If you don't have both of these available you cannot remove the event set up in pure javascript — megawac
– megawac, Commented Nov 20, 2013 at 0:56
@Ian : since i am writing an extension i can choose when my code is executed (when i click on the extension icon) so my code should run AFTER. and I am pretty sure it is running :) — WindowsMaker
– WindowsMaker, Commented Nov 20, 2013 at 0:59

StackSlave · Accepted Answer · 2013-11-20 01:28:20Z

3

This is not a complete example, as I won't do all of your work for you, but might lead you in the right direction:

function preventAll(){
  var dom = document.getElementsByTagName('*');
  var km = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseover', 'mouseout', 'mouseup', 'mouseenter', 'mouseleave', 'keydown', 'keypress', 'keyup'];
  for(var i=0,l=dom.length; i<l; i++){
    for(var n=0,c=km.length; n<c; n++){
      dom[i]['on'+km[n]] = function(e){
        e = e || event;
        e.preventDefault();
        return false;
      }
    }
  }
  var fr = frames;
  for(var i=0,l=fr.length; i<l; i++){
    // cancell frames events here
  }
}

answered Nov 20, 2013 at 1:28

StackSlave

10.6k2 gold badges20 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

WindowsMaker Over a year ago

Thanks! but what is a frame?

StackSlave Over a year ago

A frame is a frame or an iframe. For the full list of DOM Events, look here w3schools.com/jsref/dom_obj_event.asp . There are a lot more. Also, when dealing with the forms Object, you will want to loop over that and the elements Object, which is a property of each forms property. Like I said, I'll help, but I'm not going to do this for you. Good Luck!

Community · Accepted Answer · 2017-05-23 12:24:49Z

1

It's not possible to intercept or list all previously-chained events in Javascript. However, it does look like Chrome plugins specifically (as opposed to the DOM in general) have an API for manipulating how Javascript works.

edited May 23, 2017 at 12:24

CommunityBot

11 silver badge

answered Nov 20, 2013 at 1:04

Jeff Sisson

1,63611 silver badges23 bronze badges

Comments

Amadan · Accepted Answer · 2013-11-20 01:08:34Z

1

If you have events made by jQuery as you say, it keeps around the data that you can parse out. You can see how the excellent Visual Events does it, as a more general solution (i.e. outside Chrome extensions).

answered Nov 20, 2013 at 1:08

Amadan

200k23 gold badges252 silver badges321 bronze badges

Collectives™ on Stack Overflow

disable all javascript events on page

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related