如何在调用preventDefault()后重新启用默认行为？（附应用场景代码）

嘿，我来帮你解决这个问题！

你现在的核心问题是一开始就调用了event.preventDefault()，直接取消了所有点击事件的默认行为——这个操作是不可逆的，一旦调用就没法在else分支里“恢复”默认行为。所以更合理的做法是调整逻辑：只在我们需要自定义跳转的场景下，才阻止默认行为，其他情况让浏览器自动执行原本的动作就行。

修正后的代码示例 #

window.addEventListener('click', function(event) {
  // 先找到点击元素对应的<a>标签（处理链接内部有子元素的情况）
  const targetLink = event.target.closest('a');
  
  if (targetLink) {
    const href = targetLink.getAttribute('href');
    // 只对外部链接（含http）做处理
    if (href && href.indexOf('http') !== -1) {
      // 只有这个时候才阻止默认行为，因为我们要自定义跳转
      event.preventDefault();
      
      const timezone = jstz.determine();
      // 严谨处理参数拼接：如果链接已有?，就用&，否则用?
      const paramSeparator = href.includes('?') ? '&' : '?';
      window.location.href = `${href}${paramSeparator}jstz=${timezone.name()}`;
    }
    // 非外部链接的情况：啥都不用做，浏览器会自动执行默认跳转/锚点定位等行为
  }
  // 点击的不是链接元素（比如按钮、普通文本）：默认行为正常执行
});

为什么这么改？ #

1. 避免了一开始就全局阻止默认行为的问题，不需要额外“恢复”操作
2. 用closest('a')处理了链接内部嵌套子元素（比如图标、span文本）的情况，确保能正确拿到链接的href
3. 优化了参数拼接逻辑，避免出现http://xxx.com??jstz=xxx这种错误格式

如果非要坚持你原来的代码结构（先调用preventDefault再想恢复），其实没有直接的API可以撤销preventDefault的操作——因为这个方法是直接取消了事件的默认动作，一旦执行就无法逆转。所以调整逻辑才是最优解。

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