How do I disable all the onclick events on a page

Question

Hi want to disable all onclick events on a page i write this:

window.onclick = anyfunction;
document.onclick=anyfunction;
function anyfunction() {};

That's work but if page contain this code

$("body").click(function () { 
  anyfunctions();
});

It will run. even i add

document.body.onclick

Jquery code runs again. I want to disable all onclick functions (java script and jquery and ... ) with javascript without using jquery library

Target is to block popup windows Thanks

you need to write a lot of code to do this...my suggestion is to show transparent div to cover the whole page, but that will disable everything on your page — A.T., Apr 04 '13 at 03:50

score 4 · Accepted Answer · answered Apr 04 '13 at 03:44

4

$("*").unbind("click"); // Removes all click handlers added by javascript from every element
$("[onclick]").removeAttr("onclick"); // Finds all elements with an 'onclick' attribute, and removes that attribute

answered Apr 04 '13 at 03:44

Impirator

1,393
1
12
24

1

Thanks but i won't use jquery, any javascript code that do it? – Mojtaba Apr 04 '13 at 11:07
1

Is there a way to add the click handlers back after doing this? – b.lyte May 31 '19 at 15:48

score 3 · Answer 2 · answered Dec 24 '15 at 11:47

3

This css may help you in a better way.

function disableEvents()
{
$('#divname').css('pointer-events','none');
}

call this function where ever and whenever you would like to stop the click events on your page. This will work.

answered Dec 24 '15 at 11:47

Mounika Soma

31
2

score 0 · Answer 3 · edited May 23 '17 at 12:02

0

you could also try

$('*').click(function(e){e.preventDefault();});

also see - How to prevent onclick statements from being executed?

and - Prevent onclick action with jQuery

edited May 23 '17 at 12:02

Community

1
1

answered Apr 04 '13 at 03:35

lukeocom

3,243
3
18
30

How do I disable all the onclick events on a page

3 Answers3

Linked