HarmonyOS NEXT鸿蒙开发:onClick点击事件、onLongPress长按事件

介绍

适用于大多数可交互组件(如 Button、Text、Image 等),响应用户的基础手势操作:

onClick 点击事件

最常用事件,用户点击组件时触发。

Button('点击我')
  .onClick(() => {
    console.log('按钮被点击了');
})

只点击一次

此功能用于购物、抢单等,防止用户重复购买

事件回调在组件初始化时绑定,若需动态修改事件逻辑,可通过状态变量控制:

   @State isEnable: boolean = true

   build() {
     Button('动态事件')
       .onClick(() => {
         if (this.isEnable) {
           this.isEnable = false
           console.log('触发购买')
         }
       })
   }

onLongPress 长按事件

用户长按组件(通常超过 500ms)时触发。

Text('长按试试')
  .onLongPress(() => {
    console.log('文本被长按了');
})

例子

Text('点击或长按我')
  .onClick(() => {
    console.log('文本被点击了')
  })
  .onLongPress(() => {
    console.log('文本被长按了')
  })
  .onCopy((event) => {
    console.log(`复制的内容: ${event.text}`)
  })

原文出处:/show_1GW1xo1rinSa.html