Skip to content

useClickableContainer

@astryxdesign/core v0.7.1 · useClickableContainer

参数 ​

名称类型默认值说明
optionsUseClickableContainerOptions—可点容器的配置对象。必传。
options.containerRefRef<HTMLElement | null>—外层容器的 ref。必传。
options.interactiveRefRef<HTMLElement | null>—容器里真正承担交互的那个元素的 ref(链接或按钮)。既没给 onClick 也没给 href 时,点击会转交给它。
options.onClick(event: MouseEvent) => void—点在容器表面(不是嵌套控件)上时调用。
options.hrefstring—跳转地址。给了它,点容器就会跳到这里。
options.targetstring—链接的 target,例如 '_blank'。和 href 一起决定跳转方式。
options.disabledbooleanfalse容器是否停用。

返回值 ​

名称类型说明
onClick(event: MouseEvent) => void绑到容器上的点击处理函数。
onMouseUp(event: MouseEvent) => void绑到容器上的鼠标抬起处理函数,负责有 href 时的中键跳转。