重寫後的標題為：如何在頁尾標籤中點擊錨點時觸發JavaScript程式碼？

Question

這是我的頁尾HTML程式碼：

<footer>
    <div>
         <a href='a.aspx'>test 1</a>
         <a href='b.aspx'>test 2</a>
    </div>
    <a href='c.aspx'>test 3</a>
<footer>

有沒有辦法在

中的連結重定向之前總是執行一個JavaScript函數？並且是否可以在函數中找到它將重定向到的位置？

Answer 1

確定。 .querySelectorAll 是這個的完美選擇器。

var footerAnchors = document.querySelectorAll("footer a");

footerAnchors.forEach(anchor => addClickListener(anchor));

function addClickListener(anchor){
  anchor.addEventListener('click', (event) => {
    alert(event.target.href);
    event.preventDefault()
  })
}

<footer>
    <div>
         <a href='a.aspx'>test 1</a>
         <a href='b.aspx'>test 2</a>
    </div>
    <a href='c.aspx'>test 3</a>
<footer>