jquery attr("onClick") - ie and ff

Question

Hi,

Using jquery, I'd like to get the javascript from an A tag's onClick attribute.

<a href='#' onClick='alert("boo");' />

In Firefox: alert($('a').attr("onClick")) shows: alert("boo")

In IE 6/7: alert($('a').attr("onClick")) shows: function anonymous(){alert("boo");return false;}

How can I retrieve just the javascript, and not the wrapped function, in IE 6/7 using jquery? (or plain javascript)?

Franko

Answer 1

Have you tried :

alert($('a').attr("onclick"))

In XHTML onClick is not the right version.

Answer 2

Internet Explorer <8 has a completely broken implementation of setAttribute and getAttribute which deal with the property with the given name instead of the attribute.

I'm not aware of a work around.

Answer 3

How can I retrieve just the javascript, and not the wrapped function, in IE 6/7

You generally don't want to rely on string values for inline event handlers at all (in fact you should generally avoid using inline event handler attributes altogether in favour of binding to functions from script — especially if you're using jQuery, where this approach is the norm). But if you have to, the workaround is the DOM method getAttributeNode.

var link= $('a')[0]; // or whatever
alert(link.getAttributeNode('onclick').value);

Answer 4

Better than adding onclick attribute is behalf of IE6 / IE7 this solution:

$("a").click(function () { .. anything to do .. })

Answer 5

Browser safe :

jQuery('a')[0].getAttribute('onclick');