openui5中给文本添加tabindex
Add tabindex to text in openui5
我正在使用 sap.m.Text
显示任务状态(失败、成功、错误等),我希望状态键盘可访问,但键盘 'tab' 按下时无法读取状态。
文本是在 DOM 中的 <span>
标记内呈现的,在声明 sap.m.Text
组件本身时是否要添加 tabindex="0"
以跨越?或者我可以使用 OpenUI5 的任何其他组件来显示也可以通过键盘访问的状态吗? (我也使用了 sap.m.Label
,但无法再次通过键盘访问。
谢谢。
如果元素可以接收焦点,则可以使用 Tab 键。要确定哪些 OpenUI5 UI 控件可以获得焦点,请查看是否:
- HTML DOM 结构中由控件渲染器渲染的元素可以接收焦点(例如
sap.m.Button
渲染 HTML <button>
,可以集中注意力。
- 控件的渲染器专门写了
tabindex
属性.
此类控件的示例包括 Button
、Input
、Link
和处于活动状态的 ObjectAttribute
(即 link)。因此,例如,您可以使用 ObjectAttribute
,但您的状态将看起来像 hyperlink。要确定以上内容,例如,您可以在线或在本地编辑器中搜索 OpenUI5 repository。
如果没有合适的控件,可以轻松extend one. For example, you can extend sap.m.Text
. This should be a simple extension, as you only need to add tabindex
. Here is an example that is very close to what you'll need to do Extending Input Rendering.
我正在使用 sap.m.Text
显示任务状态(失败、成功、错误等),我希望状态键盘可访问,但键盘 'tab' 按下时无法读取状态。
文本是在 DOM 中的 <span>
标记内呈现的,在声明 sap.m.Text
组件本身时是否要添加 tabindex="0"
以跨越?或者我可以使用 OpenUI5 的任何其他组件来显示也可以通过键盘访问的状态吗? (我也使用了 sap.m.Label
,但无法再次通过键盘访问。
谢谢。
如果元素可以接收焦点,则可以使用 Tab 键。要确定哪些 OpenUI5 UI 控件可以获得焦点,请查看是否:
- HTML DOM 结构中由控件渲染器渲染的元素可以接收焦点(例如
sap.m.Button
渲染 HTML<button>
,可以集中注意力。 - 控件的渲染器专门写了
tabindex
属性.
此类控件的示例包括 Button
、Input
、Link
和处于活动状态的 ObjectAttribute
(即 link)。因此,例如,您可以使用 ObjectAttribute
,但您的状态将看起来像 hyperlink。要确定以上内容,例如,您可以在线或在本地编辑器中搜索 OpenUI5 repository。
如果没有合适的控件,可以轻松extend one. For example, you can extend sap.m.Text
. This should be a simple extension, as you only need to add tabindex
. Here is an example that is very close to what you'll need to do Extending Input Rendering.