介绍
适用于大多数可交互组件(如 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}`)
})