VB.NET中WebView2控件点击事件捕获失败问题求助

核心问题分析 #

你当前的代码存在两个关键错误：

1. 脚本调用的是document.getElementsById('butt1')，这是拼写错误——正确的DOM API是**getElementById**（单数形式，因为ID是唯一的），复数形式getElementsById不存在，会导致脚本执行失败但无可见异常。
2. 你当前的脚本只是模拟按钮点击动作，并没有给按钮添加点击事件监听并向WebView2宿主发送消息的逻辑，自然不会触发WebMessageReceived事件。

修正步骤 #

1. 修正脚本逻辑，添加监听并发送消息

将导航完成事件中的脚本替换为以下内容，实现点击按钮时向宿主发送消息：

Await Webview2.ExecuteScriptAsync("document.getElementById('butt1').addEventListener('click', function() { window.chrome.webview.postMessage('按钮被点击了'); });")

这段代码的作用：

• 通过正确的getElementById获取按钮元素
• 给按钮添加点击事件监听器
• 点击时调用window.chrome.webview.postMessage()向WebView2宿主发送消息，触发WebMessageReceived事件

2. （可选）直接在HTML中添加逻辑

如果你有权限修改被加载的HTML，可以直接在按钮上添加点击事件，逻辑更直观：

<button id="butt1" onclick="window.chrome.webview.postMessage('按钮被点击了')">点击我</button>

这种情况下，可移除导航完成事件中的脚本，无需额外注入监听逻辑。

3. 调试验证

如果仍未生效，可通过以下方式排查：

• 调用Webview2.CoreWebView2.OpenDevToolsWindow()打开开发者工具，查看控制台是否有DOM获取失败的错误
• 在WebMessageReceived事件中添加日志输出，确认事件是否被触发
• 确保WebView2初始化完全完成（比如在CoreWebView2InitializationCompleted事件之后再执行脚本）

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