Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
0e2226e7
D
Docs
项目概览
OpenHarmony
/
Docs
接近 2 年 前同步成功
通知
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看板
未验证
提交
0e2226e7
编写于
10月 08, 2022
作者:
L
luoying_ace
提交者:
Gitee
10月 08, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update zh-cn/application-dev/reference/arkui-ts/ts-universal-events-click.md.
Signed-off-by:
N
luoying_ace
<
luoying19@huawei.com
>
上级
e95b4f8b
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
28 addition
and
18 deletion
+28
-18
zh-cn/application-dev/reference/arkui-ts/ts-universal-events-click.md
...ation-dev/reference/arkui-ts/ts-universal-events-click.md
+28
-18
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-universal-events-click.md
浏览文件 @
0e2226e7
# 点击事件
点击事件指
组件被点击时触发的事件。
组件被点击时触发的事件。
> **说明:**
>
...
...
@@ -11,17 +11,17 @@
| 名称 | 支持冒泡 | 功能描述 |
| ---------------------------------------- | ---- | --------------------------------- |
| onClick(event:
(event?:
ClickEvent)
=
>
void) | 否 | 点击动作触发该
方法调用,event参数见ClickEvent介绍
。 |
| onClick(event:
(event?:
ClickEvent)
=
>
void) | 否 | 点击动作触发该
回调,event返回值见ClickEvent对象说明
。 |
## ClickEvent对象说明
|
属性
名称 | 类型 | 描述 |
| 名称 | 类型 | 描述 |
| ------------------- | ------------------------------------ | -------------------------------------------------------- |
| screenX | number | 点击点相对于应用窗口左上角的X坐标。 |
| screenY | number | 点击点相对于应用窗口左上角的Y坐标。 |
| x | number | 点击点相对于被点击元素左上角的X坐标。 |
| y | number | 点击点相对于被点击元素左上角的Y坐标。 |
| target
<sup>
8+
</sup>
|
[
EventTarget
](
#eventtarget8对象说明
)
| 被点击元素对象。 |
| screenX | number | 点击位置相对于应用窗口左上角的X坐标。 |
| screenY | number | 点击位置相对于应用窗口左上角的Y坐标。 |
| x | number | 点击位置相对于被点击元素左上角的X坐标。 |
| y | number | 点击位置相对于被点击元素左上角的Y坐标。 |
| timestamp | number | 事件时间戳。触发事件时距离系统启动的时间间隔,单位纳秒。 |
| target
<sup>
8+
</sup>
|
[
EventTarget
](
#eventtarget8对象说明
)
| 被点击元素对象。 |
## EventTarget<sup>8+</sup>对象说明
...
...
@@ -38,19 +38,29 @@
@
Entry
@
Component
struct
ClickExample
{
@
State
text
:
string
=
''
@
State
text
:
string
=
''
;
build
()
{
Column
()
{
Button
(
'
Click
'
).
backgroundColor
(
0x2788D9
).
width
(
100
).
height
(
40
)
.
onClick
((
event
:
ClickEvent
)
=>
{
console
.
info
(
this
.
text
=
'
Click Point:
'
+
'
\n
screenX:
'
+
event
.
screenX
+
'
\n
screenY:
'
+
event
.
screenY
+
'
\n
x:
'
+
event
.
x
+
'
\n
y:
'
+
event
.
y
+
'
\n
target:
'
+
'
\n
component globalPos:(
'
+
event
.
target
.
area
.
globalPosition
.
x
+
'
,
'
+
event
.
target
.
area
.
globalPosition
.
y
+
'
)
\n
width:
'
+
event
.
target
.
area
.
width
+
'
\n
height:
'
+
event
.
target
.
area
.
height
)
})
Text
(
this
.
text
).
padding
(
15
)
}.
height
(
350
).
width
(
'
100%
'
).
padding
(
10
)
Row
({
space
:
20
})
{
Button
(
'
Click
'
).
width
(
100
).
height
(
40
)
.
onClick
((
event
:
ClickEvent
)
=>
{
this
.
text
=
'
Click Point:
'
+
'
\n
screenX:
'
+
event
.
screenX
+
'
\n
screenY:
'
+
event
.
screenY
+
'
\n
x:
'
+
event
.
x
+
'
\n
y:
'
+
event
.
y
+
'
\n
target:
'
+
'
\n
component globalPos:(
'
+
event
.
target
.
area
.
globalPosition
.
x
+
'
,
'
+
event
.
target
.
area
.
globalPosition
.
y
+
'
)
\n
width:
'
+
event
.
target
.
area
.
width
+
'
\n
height:
'
+
event
.
target
.
area
.
height
+
'
\n
timestamp
'
+
event
.
timestamp
;
})
Button
(
'
Click
'
).
width
(
200
).
height
(
50
)
.
onClick
((
event
:
ClickEvent
)
=>
{
this
.
text
=
'
Click Point:
'
+
'
\n
screenX:
'
+
event
.
screenX
+
'
\n
screenY:
'
+
event
.
screenY
+
'
\n
x:
'
+
event
.
x
+
'
\n
y:
'
+
event
.
y
+
'
\n
target:
'
+
'
\n
component globalPos:(
'
+
event
.
target
.
area
.
globalPosition
.
x
+
'
,
'
+
event
.
target
.
area
.
globalPosition
.
y
+
'
)
\n
width:
'
+
event
.
target
.
area
.
width
+
'
\n
height:
'
+
event
.
target
.
area
.
height
+
'
\n
timestamp
'
+
event
.
timestamp
;
})
}.
margin
(
20
)
Text
(
this
.
text
).
margin
(
15
)
}.
width
(
'
100%
'
)
}
}
```
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录