Tampermonkey脚本无法自动输入文本与点击按钮问题求助

你的脚本核心逻辑错误——点击按钮跳转后，原页面的脚本上下文会被销毁，setTimeout里的代码依然在原页面执行，根本访问不到目标页面的DOM元素，这就是输入和点击操作没效果的原因。

下面是正确的实现方案，分两个页面处理逻辑：

1. 原页面：监听按钮点击并跳转 #

在脚本的@match规则里添加原页面的URL，编写按钮监听逻辑：

// @match https://你的原页面URL.com
// 替换成实际的原页面地址

document.addEventListener('DOMContentLoaded', () => {
    const targetButton = document.querySelector('你的按钮选择器'); // 比如 '#jump-btn'，替换成实际按钮的选择器
    if (targetButton) {
        targetButton.addEventListener('click', () => {
            window.location.href = 'https://你的目标页面URL.com'; // 替换成实际目标页面地址
        });
    }
});

2. 目标页面：操作表单元素 #

在脚本的@match规则里添加目标页面的URL，用两种方式确保捕获到表单元素：

方式一：等待DOM初始加载（适合静态元素） #

// @match https://你的目标页面URL.com

document.addEventListener('DOMContentLoaded', () => {
    const urlInput = document.getElementsByName('url')[0];
    const submitBtn = document.getElementsByClassName('submit')[0];
    
    if (urlInput && submitBtn) {
        urlInput.value = 'Test';
        submitBtn.click();
    } else {
        // 元素可能是动态加载的，1秒后重试
        setTimeout(handleForm, 1000);
    }
});

方式二：用MutationObserver监听动态元素（更可靠） #

如果目标页面的表单是异步加载的，用MutationObserver监听DOM变化，确保元素出现后再操作：

// @match https://你的目标页面URL.com

function handleForm() {
    const urlInput = document.getElementsByName('url')[0];
    const submitBtn = document.getElementsByClassName('submit')[0];
    
    if (urlInput && submitBtn) {
        urlInput.value = 'Test';
        submitBtn.click();
        return;
    }
    
    // 监听body下的DOM变化
    const observer = new MutationObserver((mutations) => {
        mutations.forEach(() => {
            const urlInput = document.getElementsByName('url')[0];
            const submitBtn = document.getElementsByClassName('submit')[0];
            if (urlInput && submitBtn) {
                urlInput.value = 'Test';
                submitBtn.click();
                observer.disconnect(); // 完成操作后停止监听
            }
        });
    });
    
    observer.observe(document.body, { childList: true, subtree: true });
}

// 页面加载后立刻启动监听
handleForm();

关键注意事项 #

• 必须在Tampermonkey脚本的头部@match字段同时配置原页面和目标页面的URL，否则脚本不会在对应页面运行
• 不要依赖固定时长的setTimeout，网络环境和页面加载速度差异大，动态元素的加载时间无法预估，MutationObserver是更稳定的选择
• 替换代码中的所有占位符（原页面URL、目标页面URL、按钮选择器）为实际值

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