Host 与语义属性速查
ETAF 定义的 Host 种类,以及 Host 接受的语义与事件属性。每个名字链接到条目,条目给出取值与行为。
| Host | 用途 |
|---|---|
text |
显示一段文本的 Host;多数界面的叶节点。 |
box |
块级流式容器,通用布局 Host。 |
fragment |
没有 Ebox 节点的分组 Host。 |
row |
把子节点排成一行的容器。 |
column |
垂直堆叠子节点的容器。 |
flex |
完整的 flex 容器。 |
grid |
带显式或自动轨道的 grid 容器。 |
image |
固定大小的本地图片。 |
| 属性 | 用途 |
|---|---|
:class |
选择器和组件样式匹配的一个或多个类名。 |
:id |
Host 的标识符,被 #name 选择器匹配。 |
:role |
Host 的无障碍角色。 |
:aria-* |
ARIA 命名空间里的一个属性;:aria-* 代表所有以 :aria- 开头的属性。 |
:tab-index |
Host 在 Tab 顺序里的位置。 |
:disabled |
把 Host 标记为不可用而不移除它。 |
:focus-group |
让容器的焦点停靠点成为上层导航的一个停靠点。 |
:focus-scope |
把键盘操作限制在一棵子树内。 |
:region |
在 Host 上声明一个用户可寻址的功能区域。 |
:ref |
应用用来拿到 Host 的句柄。 |
:use |
给 Host 挂上一个或多个 Behavior。 |
:help-echo |
为 Host 显示的帮助文本。 |
:pointer |
Host 的鼠标指针形状。 |
:hover-style |
指针悬停在 Host 上时显示的着色。 |
:hover-content |
悬停时用来替换 Host 内容的文本。 |
:drag-lock-modifier |
让拖拽手势跨过按钮松开继续存活。 |
:hover-group |
让多个 Host 共享一个悬停状态。 |
:sticky |
缓冲区滚动时让 Host 保持可见。 |
:keys |
声明在 Host 获得焦点或包含 point 时运行的 Host 键绑定。 |
:on-change |
etaf-toggleable 的下一个值回调。 |
:on-start |
拖拽与缩放 Behavior 的手势开始回调。 |
:on-move |
etaf-draggable 与 etaf-draggable-controlled 的移动回调。 |
:on-end |
拖拽与缩放 Behavior 的手势结束回调。 |
:on-cancel |
拖拽与缩放 Behavior 的手势取消回调。 |
:on-resize |
etaf-resizable 与 etaf-resizable-controlled 的移动回调。 |
:on-press |
激活 Host 的回调。 |
:on-press-capture |
用于观察落在 Host 内部的按压的祖先钩子。 |
:on-drag |
逐阶段接收指针拖拽手势的回调。 |
:on-scroll |
观察可滚动 Host 偏移变化的回调。 |
:on-swipe |
接收水平双指手势的回调。 |
:on-dismiss |
用 Escape 关闭或取消 Host 的回调。 |
:on-focus-enter |
键盘焦点从外部进入 Host 时运行的回调。 |
:on-direction |
决定方向键对 Host 意味着什么。 |
:on-leave |
输入会话在点击落在被编辑盒外时运行的回调。 |
:on-complete |
etaf-transition 与 etaf-animation-frames 的完成回调关键字。 |
:on-state |
视频播放会话的状态回调。 |
:on-frame |
视频播放会话的帧回调。 |