如何在VB.NET WinForms应用的CEFSharp中捕获JS鼠标事件并响应

嘿，看起来你已经把CEFSharp在VB.NET WinForms里玩得很溜了！要实现JS事件触发VB.NET的函数，核心是用CEFSharp的JavaScript Binding功能，我给你一步步讲清楚怎么弄：

1. 定义供JS调用的VB.NET类 #

首先得创建一个类，把你想让JS调用的方法放进去，注意要给类加上<ScriptableObject>特性，方法必须是Public的：

Imports CefSharp
Imports CefSharp.WinForms

<ScriptableObject>
Public Class AppJsBridge
    ' JS可以调用的方法，参数和返回值要和JS端对应
    Public Sub OnJsEventTriggered(message As String)
        ' 重点！CEFSharp的JS回调在非UI线程，直接操作WinForms控件会报错
        ' 必须用Invoke切换到UI线程
        Form1.Invoke(Sub()
                        Form1.txtLog.Text = $"JS事件触发：{message}"
                    End Sub)
    End Sub

    ' 带返回值的方法示例
    Public Function GetAppVersion() As String
        Return "VB.NET CEFSharp应用 v1.0"
    End Function
End Class

2. 在CEF初始化时绑定类到JS上下文 #

在你初始化ChromiumWebBrowser的地方（比如Form的Load事件），把刚才的类实例绑定到JS全局对象，给它起个好记的名字比如appBridge：

Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
    ' 初始化CEF（如果还没做的话）
    Cef.Initialize(New CefSettings())

    ' 创建浏览器实例并添加到窗体
    Dim browser As New ChromiumWebBrowser("https://你的目标网站地址")
    browser.Dock = DockStyle.Fill
    Me.Controls.Add(browser)

    ' 绑定自定义对象到JS全局作用域
    browser.JavascriptObjectRepository.Register(
        "appBridge", 
        New AppJsBridge(), 
        False, ' 设置为False禁止JS修改这个对象
        BindingOptions.DefaultBinder
    )
End Sub

3. 在目标网站JS中触发事件并调用VB.NET方法 #

现在你可以在目标网站的JS代码里，监听任意事件（比如按钮点击、输入框变化），然后调用window.appBridge里的VB.NET方法：

// 示例：监听输入框的change事件，调用VB.NET方法
document.getElementById('user-input').addEventListener('change', function(e) {
    // 调用VB.NET的无返回值方法
    window.appBridge.OnJsEventTriggered(`输入框内容变更为：${e.target.value}`);

    // 调用带返回值的方法，需要用.then处理异步结果
    window.appBridge.GetAppVersion().then(function(version) {
        console.log('应用版本：', version);
    });
});

4. 进阶：跨线程操作的简化（可选） #

如果觉得每次都写Invoke麻烦，可以封装一个通用的UI线程操作方法：

Public Shared Sub RunOnUiThread(control As Control, action As Action)
    If control.InvokeRequired Then
        control.Invoke(action)
    Else
        action()
    End If
End Sub

然后在JS回调里这样用：

RunOnUiThread(Form1, Sub()
                        Form1.txtLog.Text = "JS传来消息啦"
                    End Sub)

关键注意事项 #

• 线程安全：JS回调始终在CEF的后台线程执行，操作WinForms控件必须切换到UI线程，否则会抛出异常。
• 方法可见性：供JS调用的方法必须是Public，类必须标记<ScriptableObject>，否则CEFSharp不会识别这些方法。
• 参数匹配：JS和VB.NET的参数类型要对应，比如JS字符串对应VB的String，数字对应Integer/Double，复杂对象可以用JSON序列化后传递。

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