用于超链接的Javascript确认对话框

Question

我是Javascript的新手。

对于我的Javascript类，我试图弄清楚如何使用“a”标签href属性弹出一个确认框？

redirectHandler显示确认对话框。 确认对话框显示正确的href。 单击时会触发redirectHandler。 取消导航。 继续导航。

这是我到目前为止所做的：

'Hello'

Answer 1

这应该有效

const links = document.querySelectorAll('a');
for (let i = 0; i < links.length; i++) {
  links[i].addEventListener('click', function(event) {
    const reply = confirm(links[i].href);
    if (reply === false) {
      event.preventDefault();
    }
  });
}

<a href="link1">link1</a>
<a href="link2">link2</a>
<a href="link3">link3</a>
<a href="link4">link4</a>