在WebView2中强制触发Tab事件的技术求助

方案1：修正JavaScript事件触发逻辑 #

你之前用keypress事件触发Tab无效，是因为现代浏览器中keypress对Tab这类控制键不再生效，改用keydown+keyup组合，并补全事件必要参数（部分网站的事件监听依赖keyCode这类旧属性）：

await webView.ExecuteScriptAsync(@"
    // 获取目标输入框
    const targetInput = document.querySelectorAll('.myclass input')[0];
    if (!targetInput) return;
    
    // 先聚焦目标元素
    targetInput.focus();
    
    // 构造Tab键的keydown事件
    const tabKeyDown = new KeyboardEvent('keydown', {
        key: 'Tab',
        keyCode: 9,
        which: 9,
        bubbles: true,
        cancelable: true,
        view: window
    });
    
    // 构造Tab键的keyup事件
    const tabKeyUp = new KeyboardEvent('keyup', {
        key: 'Tab',
        keyCode: 9,
        which: 9,
        bubbles: true,
        cancelable: true,
        view: window
    });
    
    // 依次触发两个事件
    targetInput.dispatchEvent(tabKeyDown);
    targetInput.dispatchEvent(tabKeyUp);
");

方案2：用WebView2原生API模拟键盘输入 #

如果JS触发DOM事件无效，试试WebView2提供的底层键盘模拟API，这会模拟真实硬件键盘操作，兼容性更好：

// 确保WebView2已初始化完成（可在CoreWebView2Ready事件中执行）
await webView.ExecuteScriptAsync("document.querySelectorAll('.myclass input')[0].focus();");

// 模拟Tab键按下
await webView.CoreWebView2.SendKeyEvent(
    CoreWebView2KeyEventKind.KeyDown,
    0,
    9, // Tab键的虚拟键码
    CreateKeyEventLParam(0x000F0001) // LParam参数：表示按键按下，扫描码0xF
);

// 模拟Tab键释放
await webView.CoreWebView2.SendKeyEvent(
    CoreWebView2KeyEventKind.KeyUp,
    0,
    9,
    CreateKeyEventLParam(0xC00F0001) // LParam参数：表示按键释放
);

// 辅助方法：构造KeyEvent的LParam值
private int CreateKeyEventLParam(int value)
{
    return value;
}

方案3：直接聚焦下一个可交互元素 #

如果核心需求是切换到下一个焦点元素，也可以跳过Tab事件，直接定位并聚焦目标元素：

await webView.ExecuteScriptAsync(@"
    const currentInput = document.querySelectorAll('.myclass input')[0];
    if (!currentInput) return;
    
    // 获取页面中所有可聚焦元素
    const focusableElements = Array.from(document.querySelectorAll(
        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
    ));
    
    // 找到当前元素的索引，聚焦下一个
    const currentIndex = focusableElements.indexOf(currentInput);
    if (currentIndex !== -1 && currentIndex < focusableElements.length - 1) {
        focusableElements[currentIndex + 1].focus();
    }
");

注意事项 #

• 部分网站会通过event.preventDefault()阻止Tab的默认行为，此时需要检查目标页面的JS逻辑，是否需要触发额外的自定义事件。
• 确保WebView2的版本是最新的，旧版本可能存在API兼容性问题。

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