焦点事件onBlur/onFocus回调无法触发

【问题描述】

按照官网的示例，运行代码，点击按钮时，焦点事件onBlur/onFocus回调无法触发。

代码：

1. // xxx.ets
   
2. @Entry
   
3. @Component
   
4. struct FocusEventExample {
   
5.   @State oneButtonColor: string = '#FFC0CB'
   
6.   @State twoButtonColor: string = '#87CEFA'
   
7.   @State threeButtonColor: string = '#90EE90'
   
8. 
   
9.   build() {
   
10.     Column({ space: 20 }) {
    
11.       // 通过外接键盘的上下键可以让焦点在三个按钮间移动，按钮获焦时颜色变化，失焦时变回原背景色
    
12.       Button('First Button')
    
13.         .backgroundColor(this.oneButtonColor)
    
14.         .width(260)
    
15.         .height(70)
    
16.         .fontColor(Color.Black)
    
17.         .focusable(true)
    
18.         .onFocus(() => {
    
19.           this.oneButtonColor = '#FF0000'
    
20.         })
    
21.         .onBlur(() => {
    
22.           this.oneButtonColor = '#FFC0CB'
    
23.         })
    
24.       Button('Second Button')
    
25.         .backgroundColor(this.twoButtonColor)
    
26.         .width(260)
    
27.         .height(70)
    
28.         .fontColor(Color.Black)
    
29.         .focusable(true)
    
30.         .onFocus(() => {
    
31.           this.twoButtonColor = '#FF0000'
    
32.         })
    
33.         .onBlur(() => {
    
34.           this.twoButtonColor = '#87CEFA'
    
35.         })
    
36.       Button('Third Button')
    
37.         .backgroundColor(this.threeButtonColor)
    
38.         .width(260)
    
39.         .height(70)
    
40.         .fontColor(Color.Black)
    
41.         .focusable(true)
    
42.         .onFocus(() => {
    
43.           this.threeButtonColor = '#FF0000'
    
44.         })
    
45.         .onBlur(() => {
    
46.           this.threeButtonColor = '#90EE90'
    
47.         })
    
48.     }.width('100%').margin({ top: 20 })
    
49.   }
    
50. }
    

复制代码

【运行环境】

硬件：rk3568；  ROM:  4.0 Beta1 ；  API 10