# 点击事件

名称		支持冒泡	功能描述
onClick(callback: (event?: ClickEvent) => void)		否	点击动作触发该方法调用，event参数见ClickEvent介绍。

- ClickEvent对象说明

属性名称	属性类型	描述
screenX	number	点击点相对于设备屏幕左边沿的X坐标。
screenY	number	点击点相对于设备屏幕上边沿的Y坐标。
x	number	点击点相对于被点击元素左边沿的X坐标。
y	number	点击点相对于被点击元素上边沿的Y坐标。
timestamp	number	事件时间戳。

## 示例 ``` @Entry @Component struct ClickExample { @State text: string = '' build() { Column() { Button('Click').backgroundColor(0x2788D9) .onClick((event: ClickEvent) => { console.info(this.text = 'Button clicked!\n X:' + event.x + '\n' + ' Y:' + event.y) }) Text(this.text).padding(15) }.height(300).width('100%').padding(35) } } ``` ![](figures/Click.gif)