Переназначить щелчок для тега привязки

Question

У меня проблема с <a> тегами.

Мне нужно переназначить событие onclick этому тегу, но атрибут href должен содержать ссылку.

Например, у меня есть какая-то ссылка:

<a href="http://en.wikipedia.org">Wikipedia</a>

И мне нужно изменить только событие onclick для этой ссылки, чтобы при нажатии на нее вызывалась какая-то функция JavaScript.

Answer 1

Не забудьте вернуть false в 'onclick', иначе браузер обработает щелчок и откроет ссылку в href.

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

Answer 2

Не уверен, что вы имеете в виду, но попробуйте это:

$(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

Самый простой способ - присвоить вашей ссылке идентификатор, т.е.

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

Затем просто назначьте клик через jquery следующим образом:

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

});

Answer 4

, но атрибут href должен содержать ссылку

Если вы предоставите ссылку, страница будет перенаправлена ​​туда, поэтому вы можете захотеть сделать это:

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

Это гарантирует, что вы сначала выполняете свои функции и, наконец, функцию redirect, чтобы перенаправить страницу на указанный вами URL.