htmx trigger-href extension

trigger-href.js

// Define the custom HTMX extension
htmx.defineExtension('trigger-href', {
  onEvent: function(name, evt) {
    // <https://htmx.org/events/#htmx:afterProcessNode>
    if (name == 'htmx:afterProcessNode') {
      const es = evt.detail.elt.querySelectorAll('a[hx-trigger-href]');
      for (const e of es) {
        if (typeof e.href == 'string') {
          e.addEventListener('click',(e) => {
            e.stopPropagation();
            e.preventDefault();
          })
        }
      }
    }
  }
});