将内联onclick事件与jquery onclick事件组合

Question

I have some code that has inline onclick events, and that code cannot be changed.

The code does

onclick="javascript:document.myform.hiddenfield.value='1234';
document.myform.submit(); return false;"

Now, I want to intercept and modify this with an external jQuery file.

However, I have found that the inline onclick will run before any attached event through jQuery.

So my idea was to do something onload, like fetch the inline onclick text, write it to a new attribute for the link, say oldonclick, then set onclick to null via $.prop()

Then my event handler can do it's thing, and if the requirements are met, actually read and execute the old value.

However, at the first hurdle I get a bit stuck, $.prop("onclick") returns a function, not the string from onclick. Therefore I can't assign it to some dummy value and move to the next step.

How can I read the onclick as text, and how could I achieve this jQuery intercept some other way?

Answer 1

Try this:

var onclick = $("a").attr("onclick"); //This is a string

Check the fiddle: https://jsfiddle.net/p50keLy6/