點擊事件

組件被點擊時觸發(fā)的事件。

說明：
開發(fā)前請熟悉鴻蒙開發(fā)指導(dǎo)文檔 ：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
從API Version 7開始支持。后續(xù)版本如有新增內(nèi)容，則采用上角標(biāo)單獨標(biāo)記該內(nèi)容的起始版本。

事件

ClickEvent對象說明

從API version 9開始，該接口支持在ArkTS卡片中使用。

EventTarget8+對象說明

從API version 9開始，該接口支持在ArkTS卡片中使用。

示例

// xxx.ets
@Entry
@Component
struct ClickExample {
  @State text: string = ''

  build() {
    Column() {
      Row({ space: 20 }) {
        Button('Click').width(100).height(40)
          .onClick((event?: ClickEvent) = > {
            if(event){
              this.text = 'Click Point:' + 'n  windowX:' + event.windowX + 'n  windowY:' + event.windowY
              + 'n  x:' + event.x + 'n  y:' + event.y + 'ntarget:' + '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 + 'ntimestamp' + event.timestamp;
            }
          })
        Button('Click').width(200).height(50)
          .onClick((event?: ClickEvent) = > {
            if(event){
              this.text = 'Click Point:' + 'n  windowX:' + event.windowX + 'n  windowY:' + event.windowY
              + 'n  x:' + event.x + 'n  y:' + event.y + 'ntarget:' + '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 + 'ntimestamp' + event.timestamp;
            }
          })
      }.margin(20)

      Text(this.text).margin(15)
    }.width('100%')
  }
}

審核編輯 黃宇