如何仅用JS实现当前窗口聚焦，解决自动填表脚本需手动点击才运行的问题

问题根源 #

你遇到的问题由两类限制共同导致：

1. 现代浏览器的安全策略会静默拦截非用户交互触发的window.focus()调用：只有用户主动点击、键盘输入等操作触发的焦点请求才会生效，脚本自动调用的window.focus()如果页面处于后台标签、未获得过用户交互的状态，会直接被忽略，无报错但不会生效。
2. 大部分基于React/Vue等框架开发的前端页面，会将表单相关的事件绑定、业务逻辑初始化延迟到首次用户交互之后执行：你未手动点击页面前，输入框的change监听、提交按钮的点击事件都还没注册，就算脚本执行了赋值、点击逻辑，页面也不会有响应，表现为脚本未运行。

可行解决方案 #

1. 脚本自动模拟首次页面点击，代替手动操作 #

你不需要真的手动点击页面，在检测到目标输入框存在之后、执行赋值逻辑之前，主动给页面派发一个模拟点击事件，即可触发页面的交互初始化逻辑：

let wait = setInterval(() => {
    if ($("#SOME_INPUT_ID").length) {
        clearInterval(wait);
        // 新增：模拟用户点击页面，触发交互初始化
        document.body.dispatchEvent(new MouseEvent('click', {
            bubbles: true,
            cancelable: true,
            view: window
        }));
        console.log('ready to fill SOME_INPUT_ID');
        change("SOME_INPUT_ID", 'STRING_TO_FILL_SOME_INPUT_ID');

        //...FIND A BUTTON TO PROCEED TO THE NEXT PAGE AND CLICK IT 
    }
}, 1000);

绝大多数页面不会校验模拟事件的可信状态，收到点击事件后就会认为已经获得用户交互，后续逻辑可以正常执行。

2. 优化change函数，适配前端框架的响应式监听 #

你当前的change函数只触发了focus/change/blur三类事件，很多前端框架监听的是input事件，且对输入框value的修改做了响应式劫持，直接赋值不会触发框架的状态更新，修改后的change函数如下：

const change = (el, value) => {
    const element = document.getElementById(el);
    if (!element) return;

    // 先模拟点击输入框触发聚焦
    element.dispatchEvent(new MouseEvent('click', { bubbles: true }));
    element.focus();
    element.dispatchEvent(new Event('focus', { bubbles: true }));

    // 适配React/Vue等框架的value响应式劫持
    const nativeValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value').set;
    nativeValueSetter.call(element, value);

    // 触发所有常用输入事件
    element.dispatchEvent(new Event('input', { bubbles: true }));
    element.dispatchEvent(new Event('change', { bubbles: true }));
    element.blur();
    element.dispatchEvent(new Event('blur', { bubbles: true }));
}

3. 后台标签运行的额外适配 #

如果你是用浏览器扩展/油猴脚本在后台标签运行该自动化逻辑，可额外做以下配置：

• 油猴脚本可将@run-at配置改为document-idle，确保页面基础内容加载完成后再执行脚本
• 浏览器扩展可调用tabs.updateAPI激活目标标签，该API的焦点申请权限高于普通页面的window.focus()，不会被浏览器拦截

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