useClickableContainer
@astryxdesign/core v0.7.1 · useClickableContainer
参数
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
options | UseClickableContainerOptions | — | 可点容器的配置对象。必传。 |
options.containerRef | Ref<HTMLElement | null> | — | 外层容器的 ref。必传。 |
options.interactiveRef | Ref<HTMLElement | null> | — | 容器里真正承担交互的那个元素的 ref(链接或按钮)。既没给 onClick 也没给 href 时,点击会转交给它。 |
options.onClick | (event: MouseEvent) => void | — | 点在容器表面(不是嵌套控件)上时调用。 |
options.href | string | — | 跳转地址。给了它,点容器就会跳到这里。 |
options.target | string | — | 链接的 target,例如 '_blank'。和 href 一起决定跳转方式。 |
options.disabled | boolean | false | 容器是否停用。 |
返回值
| 名称 | 类型 | 说明 |
|---|---|---|
onClick | (event: MouseEvent) => void | 绑到容器上的点击处理函数。 |
onMouseUp | (event: MouseEvent) => void | 绑到容器上的鼠标抬起处理函数,负责有 href 时的中键跳转。 |