seezee · December 1, 2021 18:21 · seezee · Nov 17, 2021 · seezee · Nov 23, 2021
diff --git a/disable-wp-nav-link.js b/disable-wp-nav-link.js
 // JavaScript Document
 "use strict";

 // ===============================================
 // Stop links w/ class 'nolink' from firing;
 // Modify link attributes for accessibility.
 // ===============================================

 function modifyAtts() {
  // Modify the attributes on the <a> inside the <li> with class "nolink".
  // noLinks returns a collection.
  const noLinks  = document.getElementsByClassName('nolink');
  // We need to access the array prototype so we can treat the collection as an
  // array. Alternate syntax is Array.prototype.forEach.call(). See
  // https://stackoverflow.com/questions/16053357/what-does-foreach-call-do-in-javascript.
  [].forEach.call(noLinks, function(noLink) {
    const matches = noLink.getElementsByTagName('a')[0];
    matches.setAttribute('role', 'link');
    matches.setAttribute('aria-disabled', 'true');
    // Note: removing the HREF attribute makes the link unnavigable for keyboard users.
    // Leave it commented if users should be able to navigate to these links.
    // matches.removeAttribute('href');
    matches.removeAttribute('rel');
  });
 }

 modifyAtts();

 function preventClick() {
  document.body.addEventListener('click', function (event) {
    // filter out clicks on any other elements
    if (!((event.target.nodeName == 'A' && event.target.getAttribute('aria-disabled') == 'true') || (event.target.nodeName == 'SPAN' && event.target.parentNode.getAttribute('aria-disabled') == 'true' && event.target.parentNode.nodeName == 'A'))) {
      return;
    }
    event.preventDefault();
  });
 }

 preventClick();