ChromiumWebBrowser控件MouseClick事件处理器失效问题求助

你遇到的这个问题其实很常见——基于CEF（比如CefSharp）的ChromiumWebBrowser控件，它的底层是Chromium渲染引擎，WinForms的原生鼠标事件（比如MouseClick）会被Chromium的内部渲染层直接拦截，因为控件本身只是一个容器，实际的页面交互都是由Chromium内核处理的，所以直接绑定WinForms的MouseClick事件自然不会生效；连TabPage的鼠标事件也监听不到，是因为点击事件都被上层的Chromium控件捕获了。

下面给你两种可行的解决思路：

方法一：通过Javascript交互捕获页面点击事件 #

这种方法适合需要监听页面内点击的场景，利用CefSharp的JS-C#交互能力，让页面的点击事件通知到C#端：

1. 注册事件，准备交互
   在控件初始化时（比如Form的构造函数或Load事件）绑定两个关键事件：

   chromeBrowser.FrameLoadEnd += ChromeBrowser_FrameLoadEnd;
   chromeBrowser.MessageReceived += ChromeBrowser_MessageReceived;
   

2. 页面加载完成后注入监听JS
   实现FrameLoadEnd方法，确保主页面加载完成后，注入监听点击的JS代码：

   private void ChromeBrowser_FrameLoadEnd(object sender, FrameLoadEndEventArgs e)
   {
       // 只在主框架加载完成后执行，避免重复注入
       if (e.Frame.IsMain)
       {
           string clickListenJs = @"
               document.addEventListener('click', function(e) {
                   // 将点击坐标、按钮信息通过postMessage发送给C#端
                   window.chrome.webview.postMessage({
                       type: 'page_click',
                       x: e.clientX,
                       y: e.clientY,
                       button: e.button
                   });
               });
           ";
           e.Frame.ExecuteJavaScriptAsync(clickListenJs);
       }
   }
   

3. 接收JS发来的点击通知
   在MessageReceived事件中解析并处理点击信息：

   private void ChromeBrowser_MessageReceived(object sender, MessageReceivedEventArgs e)
   {
       if (e.Message.TryGetString("type", out string msgType) && msgType == "page_click")
       {
           e.Message.TryGetInt("x", out int clickX);
           e.Message.TryGetInt("y", out int clickY);
           e.Message.TryGetInt("button", out int button);
           
           // 执行你的业务逻辑，比如打印日志
           Log($"页面点击：坐标({clickX}, {clickY})，按钮：{button}");
       }
   }
   

方法二：自定义RenderHandler捕获原生鼠标事件 #

如果需要监听整个ChromiumWebBrowser控件范围的鼠标点击（包括页面空白区域或控件边框），可以通过自定义RenderHandler来拦截CEF的原生鼠标事件：

1. 创建自定义RenderHandler类

   public class CustomRenderHandler : DefaultRenderHandler
   {
       private readonly Action<MouseEventArgs> _onMouseClickCallback;
   
       public CustomRenderHandler(Action<MouseEventArgs> clickCallback)
       {
           _onMouseClickCallback = clickCallback;
       }
   
       protected override void OnMouseClick(MouseEvent e)
       {
           // 把CEF的MouseEvent转换为WinForms的MouseEventArgs格式
           MouseButtons buttons = MouseButtons.None;
           if (e.LeftButton) buttons |= MouseButtons.Left;
           if (e.RightButton) buttons |= MouseButtons.Right;
           if (e.MiddleButton) buttons |= MouseButtons.Middle;
   
           var winFormsArgs = new MouseEventArgs(buttons, 1, (int)e.X, (int)e.Y, 0);
           // 触发自定义回调
           _onMouseClickCallback?.Invoke(winFormsArgs);
   
           // 调用基类方法，保证控件默认交互行为正常
           base.OnMouseClick(e);
       }
   }
   

2. 给控件设置自定义RenderHandler
   在控件初始化时替换默认的RenderHandler：

   chromeBrowser.RenderHandler = new CustomRenderHandler(args =>
   {
       // 处理点击事件，比如你的Log操作
       Log("控件被点击");
   });
   

另外补充一点：你之前尝试监听TabPage的鼠标点击没效果，是因为ChromiumWebBrowser控件是Dock.Fill覆盖在TabPage上的，所有鼠标事件都会先被Chromium控件捕获，只有点击TabPage中未被覆盖的区域（比如TabPage的边框）才会触发TabPage的事件，所以这个思路本身就行不通。

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