基于JavaScript/JQuery实现无权限弹窗的链接跳转替换系统需求

开发者阿泽

2026-8-20

解决方案：自动处理所有链接点击行为

核心实现思路

批量捕获页面所有<a>标签（包括后续动态加载的）
在用户点击事件中手动控制跳转逻辑：
- 阻止链接默认行为
- 新标签页打开原链接（用户主动触发，无浏览器权限弹窗）
- 原标签页跳转到指定替换链接

原生JavaScript实现（支持动态链接）

// 配置原标签页要跳转的目标链接
const REPLACE_URL = 'https://usuallyformal.com/ruxwbb1a72?key=ca706a44a54f2663cc4f2cfad4f51940';

// 用事件委托处理所有a标签（包括动态生成的）
document.addEventListener('click', function(e) {
  // 找到被点击的a标签（处理嵌套元素点击的情况）
  const linkElement = e.target.tagName === 'A' ? e.target : e.target.closest('a');
  
  if (!linkElement) return;
  
  // 阻止链接默认行为
  e.preventDefault();
  
  const targetUrl = linkElement.href;
  
  // 跳过锚点链接和空链接
  if (!targetUrl || targetUrl.startsWith('#')) return;
  
  // 新标签页打开原链接（用户主动点击触发，无弹窗）
  window.open(targetUrl, '_blank');
  
  // 原标签页跳转至指定链接
  window.location.href = REPLACE_URL;
});

jQuery实现（支持动态链接）

const REPLACE_URL = 'https://usuallyformal.com/ruxwbb1a72?key=ca706a44a54f2663cc4f2cfad4f51940';

// 事件委托绑定所有a标签点击事件
$(document).on('click', 'a', function(e) {
  e.preventDefault();
  
  const targetUrl = $(this).attr('href');
  
  // 跳过无效链接
  if (!targetUrl || targetUrl.startsWith('#')) return;
  
  window.open(targetUrl, '_blank');
  window.location.href = REPLACE_URL;
});