HarmonyOS Button组件无法触发获取焦点和失去焦点事件
// xxx.ets
@Entry
@Component
struct FocusEventExample {
@State oneButtonColor: string = '#FFC0CB'
@State twoButtonColor: string = '#87CEFA'
@State threeButtonColor: string = '#90EE90'
build() {
Column({ space: 20 }) {
// 通过外接键盘的上下键可以让焦点在三个按钮间移动,按钮获焦时颜色变化,失焦时变回原背景色
Button('First Button')
.backgroundColor(this.oneButtonColor)
.width(260)
.height(70)
.fontColor(Color.Black)
.focusable(true)
.onFocus(() => {
this.oneButtonColor = '#FF0000'
})
.onBlur(() => {
this.oneButtonColor = '#FFC0CB'
})
Button('Second Button')
.backgroundColor(this.twoButtonColor)
.width(260)
.height(70)
.fontColor(Color.Black)
.focusable(true)
.onFocus(() => {
this.twoButtonColor = '#FF0000'
})
.onBlur(() => {
this.twoButtonColor = '#87CEFA'
})
Button('Third Button')
.backgroundColor(this.threeButtonColor)
.width(260)
.height(70)
.fontColor(Color.Black)
.focusable(true)
.onFocus(() => {
this.threeButtonColor = '#FF0000'
})
.onBlur(() => {
this.threeButtonColor = '#90EE90'
})
}.width('100%').margin({ top: 20 })
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
textInput组件获取焦点和失去焦点的事件
449浏览 • 1回复 待解决
HarmonyOS 如何控制自定义键盘获取焦点和失去焦点
69浏览 • 1回复 待解决
TextInput输入框如何失去焦点?输入框获取焦点后,点击页面上其他任意地方无法失去焦点,焦点在输入框中
2313浏览 • 1回复 待解决
焦点事件onBlur/onFocus回调无法触发
2046浏览 • 1回复 待解决
ets的text input手动控制获得和失去焦点
4680浏览 • 1回复 待解决
HarmonyOS 主动获取组件焦点
66浏览 • 1回复 待解决
HarmonyOS TextArea无法自动获取焦点弹出键盘
15浏览 • 1回复 待解决
HarmonyOS TextInput无法取消焦点
338浏览 • 1回复 待解决
如何判断音频焦点的获取和丢失?
6224浏览 • 1回复 待解决
HarmonyOS 如何实现点击按钮收起键盘(键盘收起同时TextInput失去焦点)
805浏览 • 1回复 待解决
HarmonyOS 输入框获取焦点后无法弹出
15浏览 • 1回复 待解决
TextInput组件获取焦点的几种场景
2701浏览 • 1回复 待解决
HarmonyOS TextArea填充值,如何自动滚动到文本底部和如何手动失去焦点
538浏览 • 1回复 待解决
HarmonyOS inputText输入框怎么主动退出输入状态,失去焦点
57浏览 • 1回复 待解决
HarmonyOS 主动获取焦点失败
359浏览 • 1回复 待解决
如何区分页面可见无焦点和页面可见有焦点
1950浏览 • 1回复 待解决
键盘移动焦点对象按下enter,为什么不会触发点击事件
1921浏览 • 1回复 待解决
HarmonyOS 获取焦点弹出键盘后,点击空白区域不能自动取消焦点
54浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS中确保组件在被删除或属性更改后不会失去焦点?
140浏览 • 1回复 待解决
HarmonyOS 键盘失去焦点收回后,键盘位置会出现白屏遮挡
16浏览 • 1回复 待解决
HarmonyOS TextInput如何通过代码获取焦点
18浏览 • 1回复 待解决
HarmonyOS 获取焦点api提示异常
17浏览 • 1回复 待解决
HarmonyOS TextInput自动获取焦点问题
110浏览 • 1回复 待解决
HarmonyOS 焦点问题
14浏览 • 1回复 待解决
#鸿蒙通关秘籍# 在HarmonyOS NEXT中如何确保Button组件在页面加载完成后正确获取默认焦点?
147浏览 • 1回复 待解决
目前API可以使用defaultFocus(true)来设置当前组件是否为当前页面上的默认焦点,主动获焦/失焦使用focusControl中的方法requestFocus,而走焦需要按下TAB键来触发走焦,具体可参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-common-events-focus-event-V5