Tajuk yang ditulis semula ialah: Bagaimana untuk mencetuskan kod JavaScript apabila sauh diklik dalam teg pengaki?

Question

Ini ialah kod HTML pengaki saya:

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

Adakah terdapat cara untuk sentiasa menjalankan fungsi JavaScript sebelum ubah hala pautan dalam

? Dan adakah mungkin untuk mencari dalam fungsi di mana ia akan mengubah hala ke?

Answer 1

OK. .querySelectorAll ialah pemilih yang sesuai untuk ini.

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>