How can I remove an inline onclick attribute with a bookmarklet?

Question

There is an annoying website out there that foils attempts to "open in new tab" by using <div onclick=> instead of <a href=>. I've written a bookmarklet, using jQuery, that creates a wrapper <a> tag and inserts it within the <div> around its content.

How can I remove the original onclick handler?

Answer 1

Untested, but...

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

I guess you have already tried to

$("selector").unbind("click");

Answer 2

Hi,

I think you would have to call all posible detach methods:

native Javascript:

removeEventListener()  //  detachEvent()

jQuery:

.unbind()  //  .die()  //  .undelegate()

DOM:

.removeAttr('onclick'

Kind Regards

--Andy

Answer 3

Not mentioned yet:

$('#myId')[0].onclick = null; // remove the inline onclick() event

Answer 4

In the end, the simplest solution was to delete the div entirely, thus negating any event handlers.