wpf - WebBrowser 控制键盘和焦点行为-6ren

wpf - WebBrowser 控制键盘和焦点行为

转载作者：行者123 更新时间：2023-12-03 10:05:07

显然，WPF WebBrowser control 存在一些严重的键盘和焦点问题。 .我已经组装了一个简单的 WPF 应用程序，只有一个 WebBrowser 和两个按钮。该应用程序加载一个非常基本的可编辑 HTML 标记 ( <body contentEditable='true'>some text</body> ) 并演示以下内容:

标签是行为不端。用户需要点击 Tab 两次才能看到 WebBrowser 中的插入符号(文本光标)并能够输入。

当用户离开应用程序(例如，使用 Alt-Tab)然后返回时，插入符号消失了，她根本无法输入。需要物理鼠标单击 WebBrowser 的窗口客户区才能恢复插入符号和击键。

不一致的是，一个虚线焦点矩形出现在 WebBrowser 周围(当 Tab 键时，而不是单击时)。我找不到摆脱它的方法( FocusVisualStyle="{x:Null}" 没有帮助)。

在内部，WebBrowser 永远不会获得焦点。对于逻辑焦点 ( FocusManager ) 和输入焦点 ( Keyboard ) 都是如此。 Keyboard.GotKeyboardFocusEvent和 FocusManager.GotFocusEvent事件永远不会为 WebBrowser 触发(尽管它们都为同一焦点范围内的按钮触发)。即使插入符号在 WebBrowser 中，FocusManager.GetFocusedElement(mainWindow)指向先前聚焦的元素(按钮)和 Keyboard.FocusedElement是 null .同时，((IKeyboardInputSink)this.webBrowser).HasFocusWithin()返回 true .

我想说，这种行为几乎太不正常了，不可能是真的，但这就是它的工作原理。我可能会想出一些技巧来修复它并将其与 native WPF 控件(如 TextBox)放在一起。 .我仍然希望，也许我在这里遗漏了一些晦涩而简单的东西。有没有人处理过类似的问题？任何有关如何解决此问题的建议将不胜感激。

在这一点上，我倾向于基于 HwndHost 为 WebBrowser ActiveX 控件开发一个内部 WPF 包装器。 .我们也是 considering other alternatives 到 WebBrowser，例如 Chromium Embedded Framework (CEF)。

VS2012项目可以从 here下载以防有人想玩它。

这是 XAML:

<Window x:Class="WpfWebBrowserTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Width="640" Height="480" Background="LightGray">

    <StackPanel Margin="20,20,20,20">
        <ToggleButton Name="btnLoad" Focusable="True" IsTabStop="True" Content="Load" Click="btnLoad_Click" Width="100"/>

        <WebBrowser Name="webBrowser" Focusable="True" KeyboardNavigation.IsTabStop="True" FocusVisualStyle="{x:Null}" Height="300"/>

        <Button Name="btnClose" Focusable="True" IsTabStop="True" Content="Close" Click="btnClose_Click" Width="100"/>
    </StackPanel>

</Window>

这是 C# 代码，它有一堆诊断跟踪来显示焦点/键盘事件是如何路由的以及焦点在哪里:

using System;
using System.Diagnostics;
using System.Reflection;
using System.Runtime.InteropServices;
using System.Threading;
using System.Windows;
using System.Windows.Input;
using System.Windows.Navigation;

namespace WpfWebBrowserTest
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            // watch these events for diagnostics
            EventManager.RegisterClassHandler(typeof(UIElement), Keyboard.PreviewKeyDownEvent, new KeyEventHandler(MainWindow_PreviewKeyDown));
            EventManager.RegisterClassHandler(typeof(UIElement), Keyboard.GotKeyboardFocusEvent, new KeyboardFocusChangedEventHandler(MainWindow_GotKeyboardFocus));
            EventManager.RegisterClassHandler(typeof(UIElement), FocusManager.GotFocusEvent, new RoutedEventHandler(MainWindow_GotFocus));
        }

        private void btnLoad_Click(object sender, RoutedEventArgs e)
        {
            // load the browser
            this.webBrowser.NavigateToString("<body contentEditable='true' onload='focus()'>Line 1<br>Line 3<br>Line 3<br></body>");
            this.btnLoad.IsChecked = true;
        }

        private void btnClose_Click(object sender, RoutedEventArgs e)
        {
            // close the form
            if (MessageBox.Show("Close it?", this.Title, MessageBoxButton.YesNo) == MessageBoxResult.Yes)
                this.Close();
        }

        // Diagnostic events

        void MainWindow_GotKeyboardFocus(object sender, KeyboardFocusChangedEventArgs e)
        {
            Debug.Print("{0}, source: {1}, {2}", FormatMethodName(), FormatType(e.Source), FormatFocused());
        }

        void MainWindow_GotFocus(object sender, RoutedEventArgs e)
        {
            Debug.Print("{0}, source: {1}, {2}", FormatMethodName(), FormatType(e.Source), FormatFocused());
        }

        void MainWindow_PreviewKeyDown(object sender, KeyEventArgs e)
        {
            Debug.Print("{0}, key: {1}, source: {2}, {3}", FormatMethodName(), e.Key.ToString(), FormatType(e.Source), FormatFocused());
        }

        // Debug output formatting helpers

        string FormatFocused()
        {
            // show current focus and keyboard focus
            return String.Format("Focus: {0}, Keyboard focus: {1}, webBrowser.HasFocusWithin: {2}",
                FormatType(FocusManager.GetFocusedElement(this)),
                FormatType(Keyboard.FocusedElement),
                ((System.Windows.Interop.IKeyboardInputSink)this.webBrowser).HasFocusWithin());
        }

        string FormatType(object p)
        {
            string result = p != null ? String.Concat('*', p.GetType().Name, '*') : "null";
            if (p == this.webBrowser )
                result += "!!";
            return result;
        }

        static string FormatMethodName()
        {
            return new StackTrace(true).GetFrame(1).GetMethod().Name;
        }

    }
}

[更新] 如果我主持 WinForms WebBrowser，情况不会好转(代替 WPF WebBrowser 或与 WPF WebBrowser 并排使用):

<StackPanel Margin="20,20,20,20">
    <ToggleButton Name="btnLoad" Focusable="True" IsTabStop="True" Content="Load" Click="btnLoad_Click" Width="100"/>

    <WebBrowser Name="webBrowser" Focusable="True" KeyboardNavigation.IsTabStop="True" FocusVisualStyle="{x:Null}" Height="150" Margin="10,10,10,10"/>

    <WindowsFormsHost Name="wfHost" Focusable="True" Height="150" Margin="10,10,10,10">
        <wf:WebBrowser x:Name="wfWebBrowser" />
    </WindowsFormsHost>

    <Button Name="btnClose" Focusable="True" IsTabStop="True" Content="Close" Click="btnClose_Click" Width="100"/>
</StackPanel>

唯一的改进是我确实在 WindowsFormsHost 上看到了焦点事件。 .

[更新] 一个极端情况:同时显示两个插入符号的两个 WebBrowser 控件:

<StackPanel Margin="20,20,20,20">
    <ToggleButton Name="btnLoad" Focusable="True" IsTabStop="True" Content="Load" Click="btnLoad_Click" Width="100"/>

    <WebBrowser Name="webBrowser" Focusable="True" KeyboardNavigation.IsTabStop="True" FocusVisualStyle="{x:Null}" Height="150" Margin="10,10,10,10"/>
    <WebBrowser Name="webBrowser2" Focusable="True" KeyboardNavigation.IsTabStop="True" FocusVisualStyle="{x:Null}" Height="150" Margin="10,10,10,10"/>

    <Button Name="btnClose" Focusable="True" IsTabStop="True" Content="Close" Click="btnClose_Click" Width="100"/>
</StackPanel>

this.webBrowser.NavigateToString("<body onload='text.focus()'><textarea id='text' style='width: 100%; height: 100%'>text</textarea></body>");
this.webBrowser2.NavigateToString("<body onload='text.focus()'><textarea id='text' style='width: 100%; height: 100%'>text2</textarea></body>");

这也说明焦点处理问题并非特定于 contentEditable=true。内容。

最佳答案

对于在这篇文章中绊倒并需要将键盘焦点设置到浏览器控件(不一定是控件中的特定元素)的其他任何人，这段代码对我有用。

首先，为 Microsoft.mshtml 添加项目引用(在 VS 中的扩展下) .

接下来，无论何时您想要聚焦浏览器控件(例如，当窗口加载时)，只需“聚焦”HTML 文档:

// Constructor
public MyWindow()
{
    Loaded += (_, __) =>
    {
        ((HTMLDocument) Browser.Document).focus();
    };
}

这会将键盘焦点置于 Web 浏览器控件内和“不可见”ActiveX 窗口内，允许 PgUp/PgDown 等键在 HTML 页面上工作。

如果您愿意，您可以使用 DOM 选择来查找页面上的特定元素，然后尝试 focus()那个特定的元素。我自己没有尝试过。

关于wpf - WebBrowser 控制键盘和焦点行为，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18256886/

文章推荐： asp.net-mvc - 类库中的 MEF 和 Razor View

文章推荐： f# - 此值不是函数，不能应用F#

文章推荐： jenkins - 如何覆盖 "part of app-pipeline"构建名称？

wpf - 在另一个 wpf 窗口中有一个 wpf 窗口
有没有办法在另一个 WPF 窗口内托管 WPF 窗口。我有几个有点复杂的表格。但现在为了简化事情，我试图将其中一些合并为一个“仪表板”表单中的标签页。请注意，我不是要托管 Windows 窗体，而是
wpf - WPF 的哪些方面/实践在 WPF 之外最有用？
WPF 特有的哪些方面和实践在非 WPF GUI 编程中最有用(并且并非难以实现)？最佳答案通过学习 WPF 命令，我了解了命令模式。它构成了 UI - 代码分离的基础，我认为应该在其他应用程序中
wpf - WPF 的语义缩放控件？
WinRT/Metro 正在获得一个新的 SemanticZoom控制，但我很难为 WPF 找到任何东西。我不想为我的特定项目切换到 Metro，因为它不允许我制作窗口应用程序或跨多个显示器的多个实
wpf - 如何在两个列表之间拖放 WPF？
我很难解决我的问题，我快要疯了。想法是这样的:我有两个 ListView 元素，当一个元素从第一个列表掉落到第二个列表时，我需要打开一个对话，但我需要被掉落的元素的信息以及被添加以填充对话的元素。
wpf - WPF TabControl内存问题
如果我遵循TabControl，并且一切正常，当我切换到第二个Tabitem时，它显示就没有问题。 //datagrid //datagrid2 但是如果我有这个xaml，当我
wpf - 如何将鼠标双击添加到数据网格项 wpf
在 Windows 窗体应用程序中，我们的数据 GridView 有很多事件，如行鼠标双击或行单击以及额外的...... 但是在 WPF 中我找不到这些事件。我如何将行鼠标双击添加到其中包含数据网格的
wpf - WPF 中不存在另一个名称的问题
在这个项目中，代码正确编译和执行 ;但是，我需要帮助解决两个问题: VS2012 WPF 设计器不适用于此 XAML 文件。它显示消息设计 View 对于 x64 和 ARM 目标平台不可用。我收
wpf - WPF 内容的奇怪符号
目前我正在设计 WPF ScrollViewer，我发现了这个 Content="M 0 0 L 4 4 L 0 8 Z" 阅读 MSDN examples .现在我真的很想知道这意味着什么，但我无法
wpf - WPF 中的实际可见性
在 WPF 中，元素的可见性可以为“可见”，但实际上在屏幕上不可见，因为它的父元素(或父元素的父元素)具有折叠的可见性。我希望能够知道一个元素是否实际呈现在屏幕上，而不必遍历可视化树检查父元素。有
wpf - WPF 命令基础结构中的对话框是否有关闭命令？
我应该使用 ApplicationCommands.Close用于关闭模式对话框还是该命令被认为是为关闭应用程序保留的？如果是后者，请大家创建Close每个命令 Dialog盒子或只是一个 Close
wpf - WPF 的菜单
WPF 是否有任何可用的 piemenu 控件？最佳答案我在我的最爱中找到了这个，你可以看看: This 祝你今天过得愉快。关于wpf - WPF 的菜单，我们在Stack Overflow上找
wpf - 使用 WPF WrapPanel 环绕和右对齐文本 - WPF 错误？
我正在尝试使用 WrapPanel 和两个 TextBlock 将星号 (*) 附加到某些文本的左侧，允许文本换行，并强制文本右对齐。通过创建一个 FlowDirection 设置为 RightToL
wpf - WPF DoDragDrop导致控件动画停止
这里是场景（简化）：我在Window上有一个控件（比如说一个Rectangle）。我迷上了MouseMove事件，以使其启动拖放操作。然后在MouseDown事件中进行动画处理，向右移动50个像素。但
wpf - ListView选择单个项目，wpf
我有一个 ListView ，它的项目来源是一个列表。我希望用户只选择一项。当我将 listview 的 SelectionMode 设置为 single 时，用户仍然可以选择多个项目，并且似乎 li
wpf - WPF 开发人员应该避免的常见编程错误？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the he
wpf - INotifyPropertyChanged WPF
INotifyPropertyChanged 的目的是什么。我知道每当更改属性时都会触发此事件，但是 View /用户界面如何知道触发了此事件: 这是实现 INotifyPropertyChang
wpf - WPF 中的错误提供程序
我正在查看工具箱中的 WPF 组件，但找不到 2005/2008 中存在的错误提供程序。被移除了吗？最佳答案 ErrorProvider是一个 Winforms 控件。 WPF 中没有等效项。但是
wpf - 单击和双击同一图像控件(wpf)
我试图在单击和双击 wpf Image 控件时有不同的行为。不幸的是，单击首先被触发，因此双击被忽略。最佳答案如果您改用 MouseDown 事件，则它在 EventArgs 中为 ClickCo
wpf - 如何在面板中的另一个 WPF 窗口中加载一个 WPF (xaml) 窗口？
这可能吗？我使用了一个框架控件并且:显示(例如:showwindow.xaml) 但是我得到这个错误: root element is not valid for navigation 最佳答案确
wpf - 如何仅修改扩展器按钮背景？ WPF
我在蓝色背景的窗口上放置了一个扩展器，我想让扩展器的按钮与默认颜色不同(蓝色，它是从窗口接收的)。当我修改扩展器的背景属性时，它会将整个扩展器、标题和全部更改为新颜色。但是，我只想更改按钮本身。谁能指

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

wpf - WebBrowser 控制键盘和焦点行为