The rewritten title is: How to trigger JavaScript code when anchor is clicked in footer tag?-PHP Chinese Network Q&A

Community Learn Tools Library Leisure

English

The rewritten title is: How to trigger JavaScript code when anchor is clicked in footer tag?

P粉002546490 2023-09-07 13:39:39

536

This is my footer HTML code:

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

Is there a way to always run a JavaScript function before a link redirect in

P粉002546490

reply all(1)

P粉9808152592023-09-08 11:32:28 1 floor

Sure. .querySelectorAll is the perfect selector for this.

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>

Like +0

Add Reply