run the same function when nav link is clicked (vanilla JS)

Asked Oct 01 '19 at 00:23

Active Oct 01 '19 at 00:23

Viewed 4 times

Hello I am redesigning my site and one of my goals is getting off the jQuery library. Vanilla JS has proved a tougher challenge than I hoped for. I need to prevent the nav links from going to a different page and run a function. heres what I have so far but not even the preventDefault is working. Please help!

$navlinks = document.querySelectorAll('nav a');
$navlinks.onclick = function(event){
  event.preventDefault();
  this.blur();
  //function here
}

asked Oct 01 '19 at 00:23

sallycakes

thanks @CertainPerformance for pointing me to the right direction I will post answer soon! – sallycakes Oct 01 '19 at 00:36
$navlinks = document.querySelectorAll('nav a'); for(i = 0; i < $navlinks.length; i++) with $navlinks.onclick inside the loop – sallycakes Oct 01 '19 at 00:39

run the same function when nav link is clicked (vanilla JS)

0 Answers0