Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
49d59220
D
Docs
项目概览
OpenHarmony
/
Docs
大约 1 年 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
49d59220
编写于
6月 06, 2023
作者:
O
openharmony_ci
提交者:
Gitee
6月 06, 2023
浏览文件
操作
浏览文件
下载
差异文件
!19026 hover事件支持冒泡拦截以及被遮盖组件不影响hover事件
Merge pull request !19026 from huangdong/RM024_hover
上级
22751b6d
9939afb4
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
9 addition
and
3 deletion
+9
-3
zh-cn/application-dev/reference/arkui-ts/ts-universal-mouse-key.md
...lication-dev/reference/arkui-ts/ts-universal-mouse-key.md
+9
-3
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-universal-mouse-key.md
浏览文件 @
49d59220
...
...
@@ -15,7 +15,7 @@
| 名称 | 支持冒泡 | 描述 |
| ------------------------------------------------------------ | -------- | ------------------------------------------------------------ |
| onHover(event:
(isHover?:
boolean
)
=
>
void) | 否 | 鼠标进入或退出组件时触发该回调。
<br/>
isHover:表示鼠标是否悬浮在组件上,鼠标进入时为true,
退出时为false
。 |
| onHover(event:
(isHover?:
boolean
,
event
<sup>
10+
</sup>
?:
HoverEvent)
=
>
void) | 是 | 鼠标进入或退出组件时触发该回调。
<br/>
isHover:表示鼠标是否悬浮在组件上,鼠标进入时为true,
退出时为false。
<br/>
event:设置阻塞事件冒泡属性
。 |
| onMouse(event:
(event?:
MouseEvent)
=
>
void) | 是 | 当前组件被鼠标按键点击时或者鼠标在组件上悬浮移动时,触发该回调,event返回值包含触发事件时的时间戳、鼠标按键、动作、鼠标位置在整个屏幕上的坐标和相对于当前组件的坐标。 |
...
...
@@ -34,6 +34,12 @@
| target
<sup>
8+
</sup>
|
[
EventTarget
](
ts-universal-events-click.md#eventtarget8对象说明
)
| 触发事件的元素对象显示区域。 |
| source
<sup>
8+
</sup>
|
[
SourceType
](
ts-gesture-settings.md#sourcetype枚举说明
)
| 事件输入设备。 |
## HoverEvent<sup>10+</sup>对象说明
| 名称 | 属性类型 | 描述 |
| --------- | ------------------------------- | -------------------- |
| stopPropagation | () => void | 阻塞事件冒泡。 |
## 示例
```
ts
...
...
@@ -52,7 +58,7 @@ struct MouseEventExample {
Button
(
this
.
hoverText
)
.
width
(
180
).
height
(
80
)
.
backgroundColor
(
this
.
color
)
.
onHover
((
isHover
:
boolean
)
=>
{
.
onHover
((
isHover
:
boolean
,
event
:
HoverEvent
)
=>
{
// 通过onHover事件动态修改按钮在是否有鼠标悬浮时的文本内容与背景颜色
if
(
isHover
)
{
this
.
hoverText
=
'
hover
'
;
...
...
@@ -117,4 +123,4 @@ struct MouseEventExample {
鼠标点击时:
![
mouse1
](
figures/mouse1.png
)
\ No newline at end of file
![
mouse1
](
figures/mouse1.png
)
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录