#鸿蒙通关秘籍#如何在HarmonyOS中处理组件的获焦和失焦事件？

@Entry
@Component
struct FocusEventExample {
  @State oneButtonColor: Color = Color.Gray;
  @State twoButtonColor: Color = Color.Gray;
  build() {
    Column({ space: 20 }) {
      Button('First Button')
        .width(260)
        .height(70)
        .backgroundColor(this.oneButtonColor)
        .fontColor(Color.Black)
        .onFocus(() => {
          this.oneButtonColor = Color.Green;
        })
        .onBlur(() => {
          this.oneButtonColor = Color.Gray;
        })
      Button('Second Button')
        .width(260)
        .height(70)
        .backgroundColor(this.twoButtonColor)
        .fontColor(Color.Black)
        .onFocus(() => {
          this.twoButtonColor = Color.Green;
        })
        .onBlur(() => {
          this.twoButtonColor = Color.Gray;
        })
    }.width('100%').margin({ top: 20 })
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.