实现Pjax时无法阻止a标签默认跳转，求解决方案

你的代码存在两处关键错误，导致无法阻止a标签的默认跳转：

1. forEach用法错误：你直接将addEventListener作为参数传给forEach，这不符合API规范。forEach需要接收一个回调函数，在回调中为每个a元素单独绑定事件。
2. 未正确调用preventDefault()：preventDefault()是事件对象的方法，你需要先获取事件参数（通常命名为e或event），再通过该参数调用方法。

修正后的代码 #

document.querySelectorAll('a').forEach(function(linkEl) {
  linkEl.addEventListener('click', function(e) {
    // 通过事件对象调用preventDefault()阻止默认跳转
    e.preventDefault();
    link(location.pathname);
  });
});

额外排查点 #

如果修正后仍无效，可以检查以下情况：

• 确保代码在DOM完全加载后执行，比如放在DOMContentLoaded事件监听中，或者页面底部：

  document.addEventListener('DOMContentLoaded', function() {
    // 上述绑定事件的代码放在这里
  });
  

• 若a标签是动态生成的，需改用事件委托，避免遗漏动态元素：

  document.body.addEventListener('click', function(e) {
    if (e.target.tagName === 'A') {
      e.preventDefault();
      link(location.pathname);
    }
  });
  

• 检查是否有其他事件监听器通过stopPropagation()或stopImmediatePropagation()阻止了事件触发。

内容的提问来源于stack exchange，提问作者NaweGa