Le titre réécrit est : Comment déclencher du code JavaScript lorsque l'on clique sur l'ancre dans la balise de pied de page ?

Question

Voici le code HTML de mon pied de page :

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

Existe-t-il un moyen de toujours exécuter une fonction JavaScript avant une redirection de lien dans

 ? Et est-il possible de trouver dans la fonction vers où il sera redirigé ?

Answer 1

D'accord. .querySelectorAll est le sélecteur parfait pour cela.

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>