为什么当文本字段获得焦点和键盘出现时，它会将我导航回上一个屏幕？

当文本字段获得焦点并且键盘出现时，它会将你导航回上一个屏幕的原因可能是因为你的应用程序或网页在移动设备上使用了自动滚动功能。

自动滚动是一种常见的用户体验设计技术，旨在确保文本字段在键盘出现时仍然可见。当文本字段获得焦点时，键盘会弹出并覆盖屏幕的一部分。为了确保用户可以看到他们正在输入的内容，应用程序或网页会自动滚动，以便文本字段位于键盘上方可见的区域。

然而，有时候自动滚动可能会导致用户在键盘出现时被导航回上一个屏幕。这可能是因为应用程序或网页在滚动时没有正确处理焦点的变化，或者在滚动期间发生了其他意外的交互。

为了解决这个问题，开发人员可以采取以下措施：

监听键盘的显示和隐藏事件，并在键盘显示时调整界面布局，以确保文本字段可见。
在文本字段获得焦点时，确保焦点不会被意外地转移到其他元素上。
在滚动期间，禁用文本字段的焦点变化，以防止意外的导航。

腾讯云相关产品和产品介绍链接地址：

腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
腾讯云云原生应用引擎：https://cloud.tencent.com/product/tke
腾讯云数据库服务：https://cloud.tencent.com/product/cdb
腾讯云服务器：https://cloud.tencent.com/product/cvm
腾讯云音视频处理：https://cloud.tencent.com/product/mps
腾讯云人工智能：https://cloud.tencent.com/product/ai
腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
腾讯云存储服务：https://cloud.tencent.com/product/cos
腾讯云区块链服务：https://cloud.tencent.com/product/baas
腾讯云元宇宙：https://cloud.tencent.com/product/vr

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Android 软键盘的那些事

：当这个activity出现时，软键盘将一直保持在上一个activity里的状态，无论是隐藏还是显示【C】stateHidden：用户选择activity时，软键盘总是被隐藏【D】stateAlwaysHidden...】adjustPan：当前窗口的内容将自动移动以便当前焦点从不被键盘覆盖和用户能总是看到输入内容的部分（软键盘会遮挡屏幕） android:windowSoftInputMode 活动的主窗口如何与包含屏幕上的软键盘窗..."stateAlwaysHidden" 当该Activity主窗口获取焦点时，软键盘总是被隐藏的，不管是确认导航到该Activity还是Activity被覆盖后显示出来。..."stateAlwaysVisible" 当该Activity主窗口获取焦点时，软键盘总是显示的，不管是确认导航到该Activity还是Activity被覆盖后显示出来。...相反，当前窗口的内容将自动移动以便当前焦点从不被键盘覆盖和用户能总是看到输入内容的部分。这个通常是不期望比调整大小，因为用户可能关闭软键盘以便获得与被覆盖内容的交互操作。

2K1 0

简单了解下无障碍设计模式

通过在 UI 元素上添加描述性的标签，使用户可以通过声音在应用中导航。当使用屏幕阅读器（如 “TalkBack” ），并通过触摸板导航时，在用户指尖触摸到 UI 元素时，会大声读出标签上的文本。...导航应该具有清晰的任务流程，和最少的步骤。在频繁使用的任务上，应该实现聚焦控制、或控制键盘和读取焦点的功能。...启用焦点导航使用焦点控制导航屏幕阅读器屏幕阅读器为用户提供了多种屏幕导航的方法，包括：屏幕阅读器的触摸界面允许用户在屏幕上移动手指，以听到手指正下方的内容。这使用户能快速了解整个界面。...用户可以在 “通过触摸浏览” 和 “线性导航” 模式之间切换。当页面使用合适的语义化标签时，一些无障碍技术允许用户在页面的这些标记（例如标题）之间导航。...避免在文本中包含控件类型和状态屏幕阅读器会通过声音、或通过在无障碍文本前后说出控件名称，来自动声明控件的类型和状态。搜索正确示例使用简短的说明。搜索字段错误示例不要写控件类型。

4.8K4 0

【译】W3C WAI-ARIA最佳实践 -- 布局

因此，屏幕阅读器用户可能会在不知情的情况下忽略网格中包含的元素，当它们不可聚焦或不用于标记列或行。数据网格键盘交互以下键通过在网格的单元格之间移动焦点来提供网格导航。...键盘交互 — 设置焦点和导航单元格内容本节介绍了数据和布局网格模式共有的键盘交互设计的两个重要方面： 1、选择单元格或单元格内元素接收焦点，来响应网格导航键盘按键事件。...这些小部件的示例包括链接，按钮，菜单栏，切换按钮，单选按钮（不是单选按钮组），开关和复选框。一个单元格包含文本或一个单独的图形，网格导航键在单元格上设置焦点。...F2: 如果单元格包含可编辑的内容，则会将焦点放在输入字段中，例如 textbox。随后按下 F2 恢复网格导航功能。如果单元格包含一个或多个组件，将焦点放置在第一个组件上。...当一组控件在视觉上呈现为一个组合，可以使用 toolbar 角色来告知屏幕阅读器用户分组的呈现和目的。组合控件到工具栏，在键盘交互中是一个减少Tab停留数量的有效方式。

6.2K5 0

【译】W3C WAI-ARIA最佳实践 -- 控件

当屏幕阅读器呈现一个列表框，可能会渲染出其名称、状态和每个选项在列表中的位置。选项的名称是一个由浏览器计算得到的字符串，一般来自选项元素的内容。...键盘交互对于一个垂直向的列表框：当一个单选列表框接收到焦点：如果在列表框接收焦点前，没有选择任何选项，第一个选项获得焦点。可选的，第一个选项可以自动选择。...键盘交互 Escape: 关闭工具提示框。 NOTE 当工具提示组件显示时，焦点停留在触发元素上。如果当触发元素获得焦点时唤起工具提示组件，当元素失去焦点时（onBlur），工具提示组件消失。...当使用键盘来导航一个树结构，一个可见的键盘指示器告诉用户哪个节点被聚焦。...键盘交互对于垂直方向的树结构：当单选树接收到焦点：如果树结构接收焦点之前没有任何节点被选择，则焦点设置在第一个节点上。如果树结构获得焦点之前有一个节点被选择，则焦点设置在被选择的节点上。

4.5K3 0

做了七年前端开发，我最近才意识到可访问性的必要......

以下是我们在开发任何前端时需要注意的事项： HTML 语义 —— 正确使用 HTML 分区元素标题 —— 用于显示文档的结构，而非用于大字体的设计键盘导航使用“tabindex”和 ARIA ——...确保 tab 可用以及删除多余的 tab 链接可访问的图标按钮 —— 至少使用带有适当标签的焦点指示器 —— 除非有替代方案，否则不要禁用默认的焦点样式尽可能提供视觉标签描述性信息图——为屏幕阅读器提供回退文本描述...“tabindex”和 ARIA 我们需要了解的是，不是所有的用户都使用鼠标来浏览网页，有些只使用键盘导航，还有一些使用屏幕阅读器。...这真是个糟糕的主意，焦点指示器能告诉使用键盘导航的用户们他们当前正在交互的位置，如果我们移除焦点样式，相当于将这些用户置于黑暗中，隐藏焦点指示器就像隐藏鼠标光标。...7 描述性信息图当 SVG 用于图表等信息图或其它类型的数据表示时，通常不会为可访问用户提供任何信息。为了方便他们，最好的方式是提供屏幕阅读器能够读取到信息图文本描述。

1.7K3 0

【译】W3C WAI-ARIA最佳实践 -- 表单

键盘交互当复选框拥有焦点时, 按 Space 键来改变复选框的状态 WAI-ARIA角色，状态和属性复选框的角色为 checkbox。...+ Up Arrow: - 当焦点在一个 menu 上时，将焦点移动到上一个项目，可选的，从第一个项目移动到最后一个。...中，关闭其 menu 和所有打开的父级 menu 容器 + Shift + Tab: 将焦点移动到Tab序列中的上一个元素，并且如果获得焦点的项目不在 menubar 中，关闭其 menu 和所有打开的父级...例如，当在编辑文本时按下快捷键时，一个富文本编辑器的菜单栏可能会获得焦点，例如alt + F10。在这种情况下，点击Escape 或从菜单中激活一个命令可能会将焦点返回给编辑器。 4....例如，小时和分钟的数值调节只允许从0到59的整数值，冒号'：'以及字母'AM'和'PM'。任何其他字符输入不会更改文本字段的内容和按钮的值。 NOTE 操作过程中焦点仍在文本字段上。

8.3K3 0

对话框、模态框和弹出框看起来很相似，它们有何不同？

包含草稿推文和文本的撰写推文屏幕截图：显式关闭示例图片显式关闭：如果我不想发送这条推文，我可以按关闭按钮或 Escape 关闭我看到的对话框使用 "light dismiss" 的话，一个组件会在以下条件出现时自动消失...它有链接文本和 URL 字段，关闭对话框或添加链接的按钮图片模态对话框：添加链接；当这个模态对话框打开时，它后面的任何东西都不能与之交互。...当您在其外部单击时，它会消失。...当模式对话框关闭时：如果用户触发它，将焦点移回触发器。浏览器会自动为s 执行此操作。对于弹出窗口，它只在“有意义的地方”的情况下执行（请参阅弹出窗口解释器）。...在这种情况下，与其他任何屏幕交互都没有意义，因此将对话框设置为模态modal是有道理的。弹出式导航您正在构建一种“弹出式导航”。它在视口一侧打开，并在其打开时置于其他内容之上。

3.8K0 0

Android 8.0 功能和 API（翻译自Google官网）

指定的操作组件被置于屏幕的一角，屏幕剩余部分则被屏幕显示的上一个操作组件填满。进入 PIP 模式的 Activity 将进入暂停状态，但仍保持已启动状态。...输入和导航键盘导航键区如果您的应用中，某个操作组件使用一种复杂的视图层次结构（如图 2 所示），可考虑将多组界面元素组成一个键区，简化键盘导航这些元素的操作。...以一个包含五个导航键区的操作组件为例，用户可以使用键盘导航键区快捷键进行导航。键区按以下布局显示：顶部面板、左侧面板、主内容区域、底部面板和浮动操作按钮。...视图默认焦点在 Android 8.0 中，您可以指定在（重新）创建的操作组件继续运行并且用户按下键盘导航键（例如 Tab 键）之后应接收焦点的 View。...当另一个音频服务获得设备焦点时，您的服务应以更安静的方式继续，还是完全暂停。您的服务能否等待获得焦点，直至设备就绪。

2.9K3 0

如何测试你做的项目的可访问性

一般情况，表单控件需要有以下信息： Role 角色，比如是编辑文本、单选框、复选框、还是按钮 Name/Label 名字，用来说明字段的含义。...包括：键盘焦点的顺序是否合理、可交互元素是否易于理解、是否有键盘陷阱、自定义组件是否也易于理解和使用等等。详见下图。 ?...二、手动测试的方法和工具关于手动测试，重点和大家分享三点：键盘的可访问性、屏幕阅读器、缩放功能。...比如：按“页面结构”导航时，信息有点单薄。比如我想告诉屏幕阅读器用户，页面有搜索区域、筛选区域、列表区域和翻页区域按“页面结构”导航时，有混入不恰当的信息。...因为它混入了“筛选”区的表单信息，也混入了“翻页”区的按钮区当用户第一次登录他们不熟悉的页面时，更倾向于用标题导航和页面结构导航；当他们熟悉了之后，按表单控件和按链接导航有利于提高他们的导航效率。

1.9K1 0

实现Android键盘的中英文适配

英文环境下，密码框字体和一般字体不一致问题 1、xml中不能设置inputType 属性、或者password属性 2、中文环境中设置inputType可以 3、当要是适配英文，只能在Java代码设置...(new PasswordTransformationMethod());//密文则如果该EditText获得焦点，会弹出数字输入法的模拟键盘请在xml中设置inputType属性即可 1、API中有...，系统将选择一个合适的状态或依赖于主题的设置【B】stateUnchanged：当这个activity出现时，软键盘将一直保持在上一个activity里的状态，无论是隐藏还是显示【C】stateHidden...：用户选择activity时，软键盘总是被隐藏【D】stateAlwaysHidden：当该Activity主窗口获取焦点时，软键盘也总是被隐藏的【E】stateVisible：软键盘通常是可见的...：该Activity总是调整屏幕的大小以便留出软键盘的空间【I】adjustPan：当前窗口的内容将自动移动以便当前焦点从不被键盘覆盖和用户能总是看到输入内容的部分 EditText默认不弹出软件键盘

2.2K1 0

前端入门6-JavaScript客户端api&jQuery

对象在 Js 中可以不必像 Java 那样新建个类，然后从这个类 new 出对象。在 Js 中，需要对象时，直接 new Object()，然后赋予想要的属性和行为即可。...location Location 对象提供了细粒度的文档地址信息，也支持导航到其他文档上。当打开新文档在 URL 中有携带了一些信息时，可以通过这个来获取这些信息。...（不是所有浏览器都允许js关闭窗口） focus() 让窗口获得键盘焦点 scrollBy(x, y) 让文档相对于当前位置进行滚动 scrollTo(x, y) 滚动到指定位置 alert(msg)...X坐标 screenY 事件触发时鼠标相对于屏幕坐标系的Y坐标 shiftKey 事件触发时是否有点击shift键 ctrlKey 事件触发时是否有点击ctrl键键盘焦点事件 blur 在元素失去焦点时触发...focus 在元素获得焦点时触发 focusin 在元素即将获得焦点时触发 focusout 在元素即将失去焦点时触发键盘焦点事件传入的是 FocusEvent 对象。

6K4 0

关于无障碍设计的七件事

但是，有很多方法可以让这个页面做到视觉无障碍：将红色三角形icon放在所有出错字段的后面；使用文本来提示和解释为什么这个输入框有错误；使用提示框、粗文本、下划线、斜体字体等等。...当根据WCAG来设计和开发时，可以使网站内容更易被有障碍的人士所接受。换句话来说，当文本大小是24px或18px加粗或者更大时，在白色文本背景上使用的最浅的灰色是#959595。 ?...缺失二：没有标签的表格 “标签”告诉用户该字段的用途。当焦点在输入框内时，如今常见的用“占位文本”来替代标签是一种不太好的做法。占位文本通常对比度不高。...键盘交互模型从使用箭头键更改为使用Tab键。它会更改键盘焦点的处理方式以及下拉菜单关闭后的位置。与搜索的自动补全的例子不同，幸运的是，非模态对话框可以继续通过箭头键访问。...键盘用户和Dragon等辅助技术依赖于屏幕上显示的可操作项目。如果Dragon无法识别链接或按钮，那它就无法说出“点击”。

3K3 0

Win10 快捷键大全（史上最全）「建议收藏」

Alt + 向左键后退 Alt + 向右键前进 Alt + Page Up 向上移动一个屏幕 Alt + Page Down 向下移动一个屏幕 Ctrl + F4 关闭活动文档（在全屏模式和允许你同时打开多个文档的应用中...+ Shift + 箭头键当分组或磁贴在“开始”菜单中获得焦点时，请将其按指定方向移动 Ctrl + 箭头键（用来移动到某个项目）+ 空格键在窗口中或桌面上选择多个单独的项目 Ctrl + Shift...加某个箭头键选择文本块 Ctrl + Esc 打开“开始”屏幕 Ctrl + Shift + Esc 打开任务管理器 Ctrl + Shift 在提供了多个键盘布局时切换键盘布局 Ctrl + 空格键...出现 Windows 提示时，将焦点移到该提示。再次按这些键盘快捷方式，将焦点移到定位 Windows 提示的屏幕上的元素。...”键盘快捷方式按此键执行此操作 Alt + Enter 全屏播放 Esc 退出全屏 Enter 选择焦点中的内容空格键或 Ctrl + P 播放或暂停（当视频处于焦点中时） Alt +

16.6K3 0

Windows10中的键盘快捷方式

向下键将光标移动到下一段落的起始处 Ctrl + 向上键将光标移动到上一段落的起始处 Ctrl + Alt + Tab 使用箭头键在所有打开的应用之间进行切换 Alt + Shift + 箭头键当组或磁贴的焦点放在...“开始”菜单上时，可将其朝指定方向移动 Ctrl + Shift + 箭头键当磁贴的焦点放在“开始”菜单上时，将其移到另一个磁贴即可创建一个文件夹 Ctrl + 箭头键打开“开始”菜单后调整其大小...Ctrl + 箭头键（移至某个项目）+ 空格键选择窗口中或桌面上的多个单独项目 Ctrl + Shift（及箭头键）选择文本块 Ctrl + Esc 打开“开始”屏幕 Ctrl + Shift +...当出现 Windows 提示时，请将焦点移到提示上。再次按下键盘快捷方式，将焦点放在屏幕上 Windows 提示所固定的元素上。...当出现 Windows 提示时，请将焦点移到提示上。再次按下键盘快捷方式，将焦点放在屏幕上 Windows 提示所固定的元素上。

4.5K2 0

最新iOS设计规范五｜3大界面要素：控件（Controls）

如果你的应用需要显示超过20个页面，请考虑使用其他的排列方式 - 例如网格 - 启用非顺序导航。页面控件显示在屏幕底部的中心。页面控件应始终位于内容底部和屏幕底部之间的区域，并保持居中。...当执行无法量化的任务（例如加载或同步复杂数据）时，加载器会旋转。任务完成后它会消失。活动加载器是不是可交互元素。 ? 进度条优于加载器。...进度条非常适合显示任务的状态，尤其是当它帮助传达任务需要完成多长时间时。在导航栏和工具栏中隐藏轨道的未填充部分。默认情况下，进度条的轨道包含已填充和未填充的部分。...菜单可以快速生成动画，并且在菜单出现时不会使屏幕变暗，从而使过渡效果和总体体验更加轻盈。 ? 不要将所有操作都放在菜单中。...使用图像和按钮在文本字段中提供清晰度和功能。可以在文本输入框的左侧或右侧显示自定义图标，也可以添加系统提供的按钮，例如“书签”按钮。键盘根据实际情况，显示适当的键盘类型。

8.6K3 0

windows10切换快捷键_Word快捷键大全

+ Shift + 箭头键当分组或磁贴在“开始”菜单中获得焦点时，请将其按指定方向移动 Ctrl + 箭头键（用来移动到某个项目）+ 空格键在窗口中或桌面上选择多个单独的项目 Ctrl + Shift...加某个箭头键选择文本块 Ctrl + Esc 打开“开始”屏幕 Ctrl + Shift + Esc 打开任务管理器 Ctrl + Shift 在提供了多个键盘布局时切换键盘布局 Ctrl + 空格键...电影和电视》快捷键快捷键功能 Alt + Enter 全屏播放 Esc 退出全屏 Enter 选择焦点中的内容空格键或 Ctrl + P 播放或暂停（当视频处于焦点中时） Alt + 向左键或...） Caps Lock + N 移动到主陆标扫描模式键盘命令快捷键功能向上键和向下键移动到应用或网页中的下一行或上一行文本向右键和向左键移动到应用或网页中的下一个或上一个字符空格键激活要使用的项目...Win + Shift + F6 以相反方向在边栏、顶栏和底栏之间移动键盘焦点 Win + Tab 转到任务视图 Win + Backspace 返回 Win + 空格键切换输入语言或键盘 Win

5.3K1 0

AndroidMainifest标签说明2——<activity>

activity时它会是不可兼得，此时activity是否可以从堆栈中移除和finishi()。...“splitActionBarWhenNarrow”加入栏位于屏幕的底部。在动作条显示操作项，当约束的水平空间。而不是少数出如今屏幕上方操作栏中的行动项目。操作栏被分成顶部导航部分和操作项的底部栏。...这保证了空间的合理量可供不仅为行动项目，同一时候也为在顶部导航和标题元素。菜单项不会在两个栏分裂;他们总是一起出现。 android:windowSoftInputMode 窗体软键盘模式。...,或者窗体的内容是否锅使屏幕上当前的焦点可见。...相反,窗体自己主动安排的内容,当前的焦点永远不会被键盘获得,用户能够看到他们打字。比调整这一般是不可取,因为用户可能需要关闭的形式软键盘和阴影部分和交互。

1.5K0 0

自适应软键盘的Dialog以及监听软键盘弹起

软键盘弹起和收下的时候都会有不同的引导，所以要在Dialog上监听软键盘的弹起。需求的解决: 一：适应键盘的弹起。...，主要是对软键盘操作的，主要有以下属性： stateUnspecified：软键盘的状态并没有指定，系统将选择一个合适的状态或依赖于主题的设置 stateUnchanged：当这个activity出现时...，软键盘将一直保持在上一个activity里的状态，无论是隐藏还是显示 stateHidden：用户选择activity时，软键盘总是被隐藏 stateAlwaysHidden：当该Activity主窗口获取焦点时...，通常由系统自行决定是隐藏还是显示 adjustResize：该Activity总是调整屏幕的大小以便留出软键盘的空间 adjustPan：当前窗口的内容将自动移动以便当前焦点从不被键盘覆盖和用户能总是看到输入内容的部分...，当窗口发生某些变化的时候可以通过这个回调接口执行某些操作。

3.5K3 0

Python 自动化指南（繁琐工作自动化）第二版：二十、使用 GUI 自动化控制键盘和鼠标

这些按键的作用取决于哪个窗口是活动的，哪个文本字段具有焦点。您可能希望首先向所需的文本字段发送鼠标单击，以确保它获得焦点。...点击第一个字段后，只需按下Enter即可将焦点移动到下一个字段。这将使您不必为每个字段计算要单击的 x 和 y 坐标。...以下是在表单中输入数据的步骤：将键盘焦点放在name字段上，这样按键就可以在该字段中键入文本。键入一个名称，然后按下Enter。键入最大的恐惧，然后按下Enter。...您可以使用 PyAutoGUI 获得文本编辑器（如 Mu 或记事本）的窗口，通过单击它将其带到屏幕的前面，在文本字段内单击，然后发送CTRL+A或Cmd+A热键“全选”和CTRL+C或Cmd+C热键“复制到剪贴板...然后，您可以单击文本编辑器的主文本字段，例如，通过使用pyautogui.click()将100或200像素添加到top和left属性值，将键盘焦点放在那里。

8.5K5 1

Material Design —Snackbars &Toasts

Snackbars & Toasts Snackbars是通过屏幕底部的消息对操作进行的简短反馈。 Snackbar包含与所执行的操作直接相关的单行文本。它们可能包含操作文本，但不包含icon。...但高程低于提示框，底部动作条和导航抽屉。行为入口时，Snackbars激活时从屏幕底部向上出现。出现时不会阻碍用户输入。...在Android上，当Snackbars出现时有不相关的Dialog或Popup，Snackbars超时后将在重新获得窗口焦点时重置。这是为了确保用户能够在预期时间内阅读Snackbar。...最多0-1个操作，不包含取消按钮如果存在行为，则遵守Dialog的空间和可视性规则。对于两个或更多操作，使用Dialog，即使其中一个操作是取消。...当显示第一个Snackbar时第二个就该做准备，在第二个Snackbar开始出现前第一个Snackbar应该开始向下收缩。（今天的好短～开心～）

1.1K6 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云