JQuery: Remove "OnClick" events from 'a' tags

Question

This is a weird question. We have some production links down on our intranet. Some rouge javascript is returning a "false" on all links on our intranet homepage.

We don't have access to the source to re-build the control and fix this javascript.

So as a temporary band-aid I want to move all the "onClick" events on the links using jquery

The links right now are like this:

<a href="https://www.mysite.com/" onclick="AddHit('Header: mysite.com', 'http://www.mysite.com'); return false;" title="Mysite Home">www.Mysite.com</a>

I want to write some jquery to get ride of the "onclick='AddHit..." code.

http://stackoverflow.com/questions/209029/best-way-to-remove-an-event-handler-in-jquery — César, Dec 19 '11 at 17:49

Rondel · Accepted Answer · 2013-03-28T19:00:54.143

29

You can try this:

$("a").removeAttr("onclick");

Edit Updating answer based on comments and jquery Docs:

Note: Removing an inline onclick event handler using .removeAttr() doesn't achieve the desired effect in Internet Explorer 6, 7, or 8. To avoid potential problems, use .prop() instead

Best way to do this:

$("a").prop("onclick", null);

edited Mar 28 '13 at 19:00

answered Dec 19 '11 at 17:46

Rondel

4,351
10
35
62

Even better: $('...').prop('onclick',null).off('click'); Check http://stackoverflow.com/a/1687805/3063226 – Heitor Mar 19 '17 at 07:17
Looks like it works fine even without .off('click'), .prop('onclick',null) is sufficient at least for IE11. – Eugen Baryshnikau Jul 25 '17 at 14:53

score 7 · Answer 2 · answered Dec 19 '11 at 17:45

7

Remove the attribute from all links that have it:

$('a[onclick]').removeAttr('onclick');

answered Dec 19 '11 at 17:45

Laurent le Beau-Martin

3,729
22
21

score 3 · Answer 3 · answered Nov 06 '12 at 22:24

3

According to JQuery documentation you should use .prop() to remove an inline onclick, as this avoids issues in Internet Explorer 6, 7, or 8.

Try this

$element.prop("onclick", null);

I needed to remove the onclick of an tag after the first click so here is what I did:

onclick="$(this).prop('onclick', null);"

Hope it helps

answered Nov 06 '12 at 22:24

Jay

81
1
6

2

So far this is the only correct answer. Using jQuery, neither `.removeAttr()` nor `.unbind()` will safely remove an inline `onclick` event handler in certain versions of Internet Explorer. See [`.removeAttr()`](http://api.jquery.com/removeAttr) – WynandB Feb 13 '13 at 23:28

score 2 · Answer 4 · answered Dec 19 '11 at 17:47

2

You can do something like this;

$('a[onclick]').removeAttr('onclick');

answered Dec 19 '11 at 17:47

Stefan

5,468
4
21
29

score 2 · Answer 5 · answered Dec 19 '11 at 17:50

$(function(){
    $('a[onclick*="AddHit"]').removeAttr('onclick');
}

This will remove all of them but you want to make sure that you don't remove it from unwanted links. A lot of stuff hooks into the onclick attribute, if you have a class you can verify before removing or the contents of the onclick it would be better. Would hate to watch the whole site stop working because needed JS didn't get called. This will remove any onclicks with the AddHit function in the onclick to keep you safer.

score 2 · Answer 6 · edited Dec 19 '11 at 18:28

2

This removes the onclick attribute for all links that has an onclick value that starts with "AddHit(" (leaving other links untouched).

$('a[onclick^="AddHit("]').removeAttr("onclick");

edited Dec 19 '11 at 18:28

SLaks

800,742
167
1,811
1,896

answered Dec 19 '11 at 17:51

Shawn Chin

74,316
17
152
184

score 0 · Answer 7 · answered Feb 14 '18 at 01:25

Keep this in mind, if your 'onclick' attribute is ONLINE AND in a MODAL like (bootstrap)

like this : (in modal)

<a id="myDiv" href="#" onclick="doSomething();">Click here !</a>

-> Do mention to the <body> tag !

in jQuery (with body in first selector) :

$('body #myDiv').prop('onclick', null);

I searched for a few hours ...

score 0 · Answer 8 · answered Dec 19 '11 at 17:48

0

Not tested, but I think this should work:

$(document).ready(function(){
    $('a').removeAttr("OnClick");
});

More info: http://api.jquery.com/removeAttr/

answered Dec 19 '11 at 17:48

lumbric

4,739
4
36
44

3

From the same page: "Removing an inline `onclick` event handler using `.removeAttr()` doesn't achieve the desired effect in Internet Explorer 6, 7, or 8. To avoid potential problems, use `.prop()` instead: `$element.prop("onclick", null);`" – WynandB Feb 13 '13 at 23:20

score -1 · Answer 9 · edited Jul 28 '12 at 11:28

-1

Use .unbind() method or off() to get rid of that.

edited Jul 28 '12 at 11:28

Nikola K.

6,813
13
27
39

answered Dec 19 '11 at 17:46

Alireza

5,172
10
43
109

I believe that will remove event handlers added via jQuery or addEventListener() but not an inline onClick event handler. – Jasper – Foreever Jan 24 '14 at 12:02

JQuery: Remove "OnClick" events from 'a' tags

9 Answers9

Related