CefSharp 浏览器未在 C# WinForms 应用程序中触发任何鼠标事件

Question

所以我的最终目标是检测用户何时在网页上按下鼠标左键（任何元素，如按钮、图像等）。有了这个，我会运行一些 javascript 来根据用户点击的位置获得我需要的正确 html 数据。

无需进一步说明，我已经停留在第一部分，我的浏览器控件似乎没有触发任何与鼠标相关的事件。然而，它似乎确实提供了诸如 MouseDown、MouseEnter、MouseClick 等处理程序，但似乎没有触发它们中的任何一个。

我试过使用文本框控件和按钮设置一个简单的 WinForms 测试项目。浏览器是这样手动添加的：

using CefSharp;
using CefSharp.WinForms;
using System;
using System.Drawing;
using System.Windows.Forms;

namespace myProject
{
    public partial class Form1 : Form
    {
        public ChromiumWebBrowser browser;
        private string myUrl = "https://www.google.com/";
        
        public Form1()
        {
            InitializeComponent();
            InitializeChromium();

            browser.MouseDown += ChromeBrowser_MouseDown;
        }

        public void InitializeChromium()
        {
            browser = new ChromiumWebBrowser(myUrl);

            browser.Location = new Point(26, 59);
            browser.Size = new Size(988,566);
            browser.Dock = DockStyle.None;
            this.Controls.Add(browser);

        }

        private void ChromeBrowser_MouseDown(object sender, MouseEventArgs e)
        {
            //This handler never gets fired!!!

            if (e.Button == MouseButtons.Left)
            {
                //get value from html element
            }
        }

        private void button1_Click(object sender, EventArgs e)
        {
            browser.Load(addressBar.Text);
        }

        private void Form1_FormClosing(object sender, FormClosingEventArgs e)
        {
            Cef.Shutdown();
        }
    }
}

我尝试浏览了很多网站，包括官方 Documentation on Handlers，但似乎无法弄清楚我是否必须做更复杂的事情来监听鼠标事件并采取行动，或者我应该能够像任何其他事件一样实施它。

谁能帮我修复我的 MouseDown 事件处理程序？

Answer 1

花了一段时间，但终于抽出时间发布我自己的答案！希望其他人会发现这很有用。

感谢@amaitland 在评论中指出 CefSharp 浏览器不会触发任何键盘或鼠标事件，并且还发布了 this link，这最终让我得到了答案。

解决方法是注入一些 Javascript（当浏览器完成加载框架时），然后将侦听和检测任何 mouse/keyboard 事件。着火后，您的 Javascript 然后调用 CefSharp.PostMessage(data); 通知 CefSharp 浏览器在它自己的线程和 returns 任何有用的 data （取决于您的脚本）。

正在初始化事件处理程序

将 browser.JavascriptMessageReceived += Browser_JavascriptMessageReceived; 和 browser.FrameLoadEnd += Browser_FrameLoadEnd; 添加到您的初始化中将激活必要的挂钩，就像这样（按照我原来的例子）：

public void InitializeChromium()
        {
            browser = new ChromiumWebBrowser(myUrl);

            browser.Location = new Point(26, 59);
            browser.Size = new Size(988,566);
            browser.Dock = DockStyle.None;
            this.Controls.Add(browser);

            browser.JavascriptMessageReceived += Browser_JavascriptMessageReceived;
            browser.FrameLoadEnd += Browser_FrameLoadEnd;
        }

实施事件处理程序

现在剩下要做的就是通过添加以下内容来实现这些事件处理程序：

        private void Browser_FrameLoadEnd(object sender, FrameLoadEndEventArgs e)
        {
            if (e.Frame.IsMain)
            {
                browser.ExecuteScriptAsync(@"
                    document.addEventListener('click', function(e) {
                        var parent = e.target.parentElement;

                        // run some validation with if(){..}
                        // some more javascript

                        CefSharp.PostMessage(parent.outerHTML);
                    }, false);
                ");
            }
        }

        private void Browser_JavascriptMessageReceived(object sender, JavascriptMessageReceivedEventArgs e)
        {
            if (e.Message != null)
            {
                // Extract data from e.Message.toString() and use delegates/callbacks/Invokes 
                // to reference the main UI thread for updating the necessary controls.
            }
        }

加载 webpage/frame 后，Browser_FrameLoadEnd 处理程序将运行然后注入您的自定义 Javascript。 Browser_JavascriptMessageReceived 处理程序只会在 Javascript 调用 CefSharp.PostMessage(data); 时触发。

此外，我没有按照 this link 的建议在 javascript 中使用 document.body.onmouseup，而是选择 document.addEventListener('click', function(e) 以获得 targeted/clicked 元素一起。在我的例子中，这对于获取属于此单击元素的 parentElement 的必要数据至关重要。（请记住，我的实际案例适用于与我的示例所建议的 google 不同的网站）

完整示例代码

完整的扩展示例代码如下所示：

using CefSharp;
using CefSharp.WinForms;
using System;
using System.Drawing;
using System.Windows.Forms;

namespace myProject
{
    public partial class Form1 : Form
    {
        public ChromiumWebBrowser browser;
        private string myUrl = "https://www.google.com/";
        
        public Form1()
        {
            InitializeComponent();
            InitializeChromium();
        }

        public void InitializeChromium()
        {
            browser = new ChromiumWebBrowser(myUrl);

            browser.Location = new Point(26, 59);
            browser.Size = new Size(988,566);
            browser.Dock = DockStyle.None;
            this.Controls.Add(browser);

            browser.JavascriptMessageReceived += Browser_JavascriptMessageReceived;
            browser.FrameLoadEnd += Browser_FrameLoadEnd;
        }

        private void Browser_FrameLoadEnd(object sender, FrameLoadEndEventArgs e)
        {
            if (e.Frame.IsMain)
            {
                browser.ExecuteScriptAsync(@"
                    document.addEventListener('click', function(e) {
                        var parent = e.target.parentElement;

                        // run some validation with if(){..}
                        // some more javascript

                        CefSharp.PostMessage(parent.outerHTML);
                    }, false);
                ");
            }
        }

        private void Browser_JavascriptMessageReceived(object sender, JavascriptMessageReceivedEventArgs e)
        {
            if (e.Message != null)
            {
                // Extract data from e.Message.toString() and use delegates/callbacks/Invokes 
                // to reference the main UI thread for updating the necessary controls.
            }
        }

        private void button1_Click(object sender, EventArgs e)
        {
            browser.Load(addressBar.Text);
        }

        private void Form1_FormClosing(object sender, FormClosingEventArgs e)
        {
            Cef.Shutdown();
        }
    }
}

CefSharp 浏览器未在 C# WinForms 应用程序中触发任何鼠标事件

CefSharp browser isn't firing any Mouse-Events in C# WinForms app

c#

handler

winforms

mousedown

cefsharp

正在初始化事件处理程序

实施事件处理程序

完整示例代码