jQuery Inline onClick VS $(selector).click Precedence

Question

Is there a way to make a $(selector).click(function) run before, or preceed, an inline onClick="function"?

Also, if possible, I would like to stop the inline function from running entirely (by using preventDefault() inside the $(selector).click()).

Here's a fiddle to illustrate the precedence: http://jsfiddle.net/yUZWR/1/

robyaw · Accepted Answer · 2012-10-17 09:02:06Z

1

Assuming you meant the anchor ID to be called link and not #link, this is how to reverse the function execution order...

var v = $('#link').attr('onclick');

$('#link').removeAttr('onclick').click(function(){
    alert('captured');
    return false;
}).click(function() { eval(v); })

I'm certain there's a better way of doing this i.e., not using eval. To prevent the inline function running altogether, just omit the second call to click.

answered Oct 17, 2012 at 9:02

robyaw

2,3182 gold badges23 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery Inline onClick VS $(selector).click Precedence

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related