Question

如何使用onclick功能连接我页面上的每个链接。例如，我有：

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

。当我点击链接进行确认时，我希望这些链接与身体负荷显示的onclick功能连接。

Answer 1

使用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>

Answer 2

我希望这些链接与身体负载上的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 3

我使用onclick函数作为标记

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

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

使用链接

3 个答案: