跳转到内容

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 视频播放会话的帧回调。