React EasyUI 提示框
当用户的鼠标指针停留在某个元素上时,该元素出现提示信息窗口用来显示额外的元素相关信息。
属性列表
名称 | 数据类型 | 作用描述 | 默认值 |
---|---|---|---|
tooltipCls | string | 提示框样式类。 | null |
tooltipStyle | Object | 提示框的内联样式。 | null |
content | string, function | 提示框内容。 | null |
position | string | 提示框的位置。可选值:'left', 'right', 'top', 'bottom'。 | bottom |
trackMouse | boolean | 为True时,使提示框同鼠标一起移动。 | false |
deltaX | number | 与提示框位置的水平距离。 | 0 |
deltaY | number | 与提示框位置的垂直距离。 | 0 |
showDelay | number | 显示提示框的时间延迟。 | 200 |
hideDelay | number | 隐藏提示框的时间延迟。 | 100 |
showEvent | string | 使提示框出现的事件。 | mouseenter |
hideEvent | string | 使提示框隐藏的事件。 | mouseleave |
事件列表
名称 | 参数 | 作用描述 |
---|---|---|
onShow | none | 显示提示框时触发。 |
onHide | none | 隐藏提示框时触发。 |
注:
- 继承: LocaleBase 。
使用方法
<Tooltip content="This is a tooltip.">
<span>Hover Me</span>
</Tooltip>