首次调用JS脚本触发YouTube搜索按钮无效，手动点击后恢复正常

问题原因 #

首次打开YouTube时，直接给搜索框赋值不会触发页面的输入事件，导致搜索按钮的交互逻辑还没完全激活——要么是按钮的点击事件还没绑定，要么是页面需要感知到输入变化后才会解锁按钮的可点击状态。这时候调用click()自然没反应。而手动点击一次后，页面已经完成了相关状态初始化或事件绑定，后续脚本就能正常工作。

修正后的代码 #

const fetchLink = () => {
    // 精准获取搜索框，比getElementsByTagName更可靠
    const searchInput = document.querySelector('input#search');
    searchInput.value = "Live Fast";
    
    // 触发input事件，模拟用户手动输入的行为
    searchInput.dispatchEvent(new Event('input'));
    
    // 短延时确保页面完成状态更新（可选，测试后如果不需要可移除）
    setTimeout(() => {
        document.getElementById("search-icon-legacy").click();
    }, 100);
}

关键说明 #

• 用dispatchEvent(new Event('input'))触发搜索框的输入事件，让YouTube的前端逻辑感知到内容变化，完成按钮的激活或事件绑定流程。
• 短延时是为了给页面留出处理输入事件的时间，避免点击时机过早导致无效。实际测试中如果不加延时也能正常运行，可以直接去掉。

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