Der umgeschriebene Titel lautet: Wie löst man JavaScript-Code aus, wenn im Fußzeilen-Tag auf den Anker geklickt wird?
P粉002546490
P粉002546490 2023-09-07 13:39:39
0
1
587

Das ist mein HTML-Fußzeilencode:

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

Gibt es eine Möglichkeit, in

immer eine JavaScript-Funktion auszuführen, bevor eine Linkumleitung erfolgt? Und ist es möglich, innerhalb der Funktion herauszufinden, wohin die Weiterleitung erfolgt?

P粉002546490
P粉002546490

Antworte allen(1)
P粉980815259

确定。 .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>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage