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

在HarmonyOS中，通过onFocus和onBlur事件可以监听组件的获焦和失焦。在组件中绑定这些事件，当组件获得焦点时，onFocus会被调用；而失去焦点时，onBlur会被调用。以下是一个简单的示例，演示如何使用这两个事件来改变按钮的背景色：

@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 })
  }
}