Функция подключения со ссылкой

Question

Как я могу подключить каждую ссылку на моей странице с функцией onclick.Например, у меня есть:

<a href="http://www.something.com">Some text</a>
<a href="http://www.somethingmore.gov">Secret</a>

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

Answer 1

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

Вы можете использовать querySelectAll('a'), затем выполнять итерацию по ссылкам идобавьте общее событие щелчка.

Чтобы сначала получить подтверждение пользователя, внутри события вы можете вызвать confirm(), и если пользователь не хочет продолжать, вы можете остановить поведение ссылки по умолчанию, используя preventDefault() чтобы ссылка не пересылалась.

var links = document.querySelectorAll('a');

links.forEach(function(element){
  element.addEventListener('click', function(e){
    var isContinue = confirm('Do you want to go to ' + this.href + ' ?');
    
    if(!isContinue){
      e.preventDefault();
    }
  })
})

<a href="https://www.something.com">Some text</a>
<a href="https://www.somethingmore.gov">Secret</a>

Answer 2

Я использовал функцию onclick для тега

function myFunction() {
  document.getElementById("demo").innerHTML = "Vote Me";
}

<a onclick="myFunction()">Click me</a>

<p id="demo"></p>

Answer 3

Используйте document.querySelectorAll. Это даст коллекцию всех тегов a.Затем переберите его и добавьте прослушиватель событий.test - фиктивная функция, вы можете заменить ее другой функцией

function test() {
  console.log(" Test")

}
document.querySelectorAll("a").forEach(function(item) {
  item.addEventListener('click', function(e) {
    e.preventDefault();
    test();
  })
})

<a href="http://www.something.com">Some text</a>
<a href="http://www.somethingmore.gov">Secret</a>