Windows Form多WebBrowser控件残留闪烁光标问题求助

针对多个设为contentEditable='true'的WebBrowser控件切换时残留闪烁光标的问题，提供以下几种可行解决方法：

方法一：主动管理控件焦点与文档状态 #

通过记录当前激活的WebBrowser，在切换时强制原控件失焦并刷新：

1. 定义全局变量记录当前激活控件：

private WebBrowser _currentActiveWebBrowser;

2. 在窗体初始化时，给所有WebBrowser绑定GotFocus事件：

public Form1()
{
    InitializeComponent();
    // 绑定事件
    webBrowser1.GotFocus += WebBrowser_GotFocus;
    webBrowser2.GotFocus += WebBrowser_GotFocus;
    webBrowser3.GotFocus += WebBrowser_GotFocus;
    webBrowser4.GotFocus += WebBrowser_GotFocus;
    
    // 初始化HTML内容
    string html = @"<HTML><BODY contentEditable='true'/></HTML>";
    webBrowser1.DocumentText = html;
    webBrowser2.DocumentText = html;
    webBrowser3.DocumentText = html;
    webBrowser4.DocumentText = html;
}

3. 实现GotFocus事件处理逻辑：

private void WebBrowser_GotFocus(object sender, EventArgs e)
{
    var newActiveBrowser = sender as WebBrowser;
    if (_currentActiveWebBrowser != null && _currentActiveWebBrowser != newActiveBrowser)
    {
        // 让原控件的编辑元素失焦
        _currentActiveWebBrowser.Document?.ActiveElement?.InvokeMember("blur");
        // 重绘原控件消除残留光标
        _currentActiveWebBrowser.Refresh(WebBrowserRefreshOption.Repaint);
    }
    _currentActiveWebBrowser = newActiveBrowser;
    // 确保新控件激活编辑状态
    newActiveBrowser.Document?.ActiveElement?.InvokeMember("focus");
}

方法二：调用Windows API强制刷新光标状态 #

利用系统API重置光标显示，消除残留：

1. 声明API函数：

[System.Runtime.InteropServices.DllImport("user32.dll")]
private static extern bool ShowCursor(bool bShow);

2. 给所有WebBrowser绑定LostFocus事件：

public Form1()
{
    InitializeComponent();
    // 绑定失焦事件
    webBrowser1.LostFocus += WebBrowser_LostFocus;
    webBrowser2.LostFocus += WebBrowser_LostFocus;
    webBrowser3.LostFocus += WebBrowser_LostFocus;
    webBrowser4.LostFocus += WebBrowser_LostFocus;
    
    // 初始化HTML内容
    string html = @"<HTML><BODY contentEditable='true'/></HTML>";
    webBrowser1.DocumentText = html;
    webBrowser2.DocumentText = html;
    webBrowser3.DocumentText = html;
    webBrowser4.DocumentText = html;
}

3. 实现LostFocus事件处理：

private void WebBrowser_LostFocus(object sender, EventArgs e)
{
    // 先隐藏再显示光标，强制系统刷新光标状态
    ShowCursor(false);
    ShowCursor(true);
}

方法三：在HTML中添加失焦处理逻辑 #

通过HTML的onblur事件，利用JS清除选中状态：

修改初始化的HTML字符串：

private static string html = @"<HTML><BODY contentEditable='true' onblur='document.execCommand(""Unselect"", false, null);'/></HTML>";

此方法无需额外C#事件处理，通过前端逻辑确保失焦时清除光标相关状态。

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