JavaScript中使用自动点击时如何避免触发页面重定向？

• 事件可信标识校验：所有用户手动交互触发的DOM事件，Event.isTrusted属性固定为true；通过JS代码主动调用.click()、手动构造事件触发的点击，该属性为false，站点可直接读取该属性判断点击来源。
• 事件流完整性校验：手动鼠标点击会按mousedown → mouseup → click的顺序触发完整事件序列，且每个事件携带真实的点击坐标、按键状态等参数；直接调用.click()只会触发孤立的click事件，缺失前置鼠标事件与真实交互参数。
  你遇到的重定向差异，本质是站点加了交互校验：非可信来源的点击触发后，直接执行顶层窗口重定向逻辑。

由于你是在现有站点上层运行overlay程序，优先选择绕开原站校验逻辑的方案，不需要强行模拟真实点击：

方案1：直接赋值iframe地址（最稳妥） #

完全绕开原站的点击处理逻辑，直接拿到a标签的目标地址手动加载到iframe，不会触发重定向：

// 替换为实际的a标签选择器
const targetLink = document.querySelector('a[href="iframeUrl"]');
// 替换为页面中对应iframe的选择器
const targetIframe = document.querySelector('iframe');
targetIframe.src = targetLink.href;

方案2：前置拦截点击事件 #

如果必须保留点击触发的逻辑，可以在捕获阶段绑定点击监听器，优先于原站逻辑执行，拦截默认跳转后自行处理iframe加载：

const targetLink = document.querySelector('a[href="iframeUrl"]');
// 第三个参数设为true开启捕获模式，会比原站的冒泡阶段监听器更早执行
targetLink.addEventListener('click', (e) => {
  // 阻止事件传递到原站的处理逻辑
  e.stopImmediatePropagation();
  e.preventDefault();
  // 手动加载iframe
  document.querySelector('iframe').src = e.currentTarget.href;
}, true);

绑定后你再调用$0.click()也不会触发顶层重定向。

方案3：模拟完整鼠标事件流（仅适配无isTrusted校验的站点） #

如果站点仅校验事件序列完整性，没有校验isTrusted属性，可以按顺序触发完整鼠标事件模拟点击：

const targetLink = document.querySelector('a[href="iframeUrl"]');
// 模拟真实点击的坐标参数，可替换为元素实际位置
const eventParams = {
  bubbles: true,
  cancelable: true,
  clientX: targetLink.getBoundingClientRect().x + 10,
  clientY: targetLink.getBoundingClientRect().y + 10,
  button: 0
};
// 按手动点击的事件顺序触发
targetLink.dispatchEvent(new MouseEvent('mousedown', eventParams));
targetLink.dispatchEvent(new MouseEvent('mouseup', eventParams));
targetLink.dispatchEvent(new MouseEvent('click', eventParams));

你尝试页面加载完成后调用preventDefault()已经晚了，顶层重定向逻辑在点击触发的瞬间就已经执行，跳转发生后再操作无法回溯，必须在点击事件触发阶段提前拦截。

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