Javascript получить привязку HREF по клику

Question

Как я могу получить ссылку на якорь, когда я нажимаю на него с помощью JavaScript?Я сделал следующее:

function myFunc() {
}
window.onclick = myFunc;

Но как расширить функцию, чтобы реагировать только на нажатия на якоря и получать href?

Answer 1

function linkClick(e) {
  alert(e.target.href);
}
links = document.getElementsByTagName('a');
for (i = 0; i < links.length; i++)
  links[i].addEventListener('click', linkClick, false);

Answer 2

Ваш document.onclick регистрирует обработчик на весь документ.Но вы должны добавить его к каждой ссылке.Вы можете сделать это с помощью JavaScript, а использование инфраструктуры, такой как Prototype или jQuery, делает это намного проще:

$$('a').invoke('observe', 'click', function(a){
    myFunc(a);
});

Но вы также можете использовать чистый JS, комбинируя функцию getElementsByTagName с циклом (см. Новый ответ Делана).).

Answer 3

это не будет работать так, вам нужно настроить обработчик onclick для каждого якоря.Самый простой способ сделать это - использовать javascript-фреймворк, такой как jQuery или Prototype или что-то подобное.

расширяет вашу функцию для получения вызывающего объекта:

var myFunc = function(target) {
  var href = target.href;
  // ... your function code that can now see the href of the calling anchor
}

jQuery:

$('a').click(function(){
  myFunc(this);
});

Прототип: см. Кау-Бой * ответ

Answer 4

function myFunc(link) {
  alert(link.href);
  return false; // return false if you don't want to actually navigate to that link
}


<a href onclick="return myFunc(link)">something</a>