Reassign onclick for anchor tag

Question

Hi people,

I have a problem with <a> tags.

I need to reassign an onclick event to this tag, but the href attribute must contain a link.

For example, I have some link:

<a href="http://en.wikipedia.org"&gt;Wikipedia&lt;/a&gt;

And i need to change only the onclick event for this link so that when I click on it, some JavaScript function is called.

Answer 1

but href attribute must contain a link

If you provide a link then the page will be redirected there, so you might want to do this:

<a href="#" onclick="func1();func2();redirect('url');">Wikipedia</a>

This makes sure that you perform your functions first and finally redirect function to redirect the page to the url you specify.

Answer 2

Not sure what you mean, but try this:

$(function() {
    // Find all links pointing to wikipedia
    $("a[href*='wikipedia.org']").click(function() {
        // Do something
        return false; // to prevent the link from actually going to wikipedia
    });
});

Answer 3

Don't forget to return false in 'onclick', or browser will handle click and open link in href.

<a href="http://en.wikipedia.org" onclick="yourfunction(this); return false;" >Wikipedia</a>

Answer 4

The simplest way would be to give your link an id, ie

<a href="http://wikipedia.org" id="myLink">Whatever</a>

Then simply assign an onclick via jquery like so:

$("a#myLink").click(function() {
   //Go wild! 

});