当前位置: 首页 > article >正文

arkui-x 鼠标切换为键盘,焦点衔接问题

arkui-x框架,API Version 12。

背景参考前一篇:arkui-x stack叠层解决焦点变换带来的布局问题-CSDN博客

系统测试中发现的一个问题:

操作方法:

        先用tab键切换为键盘控制焦点,选中一个组件A;

        然后切换为鼠标悬停触发焦点变换,移动到另一个组件B;

        再返回使用tab键切换回键盘控制焦点,返回到组件A,而不是组件B

                  .id(info.appName)
                  .onFocus(() => {
                    focusControl.requestFocus(info.appName)
                    this.isFocusItem[this.lastFocusIndex] = false
                    this.isFocusItem[info.index] = true
                    this.lastFocusIndex = info.index
                  })
                  .onHover((isHover?: boolean) => {
                    if (isHover) {
                      focusControl.requestFocus(info.appName)
                      this.isFocusItem[this.lastFocusIndex] = false
                      this.isFocusItem[info.index] = true
                      this.lastFocusIndex = info.index
                      // console.log("---AllAppPage", "on hover, index: " + info.index)
                    }
                  })

总结就是:第二次键盘操作触发的焦点组件是前一次键盘操作的焦点组件,而不是鼠标悬停的焦点组件

说明在鼠标悬停onHover中调用的focusControl.requestFocus没起作用;

但在键盘操作onFocus里调用的focusControl.requestFocus起了作用;

还有打开页面数据加载函数onPageShow里设置默认的focus,也调用了focusControl.requestFocus,看起来也没生效。

关于这一点,是否存在鼠标和键盘切换,要求焦点无缝衔接的场景,甲方的工程师认为没有,只要单独的鼠标或者单独的键盘操作焦点,是连续的就行。


http://www.kler.cn/a/536498.html

相关文章:

  • 工业物联网平台-视频识别视频报警新功能正式上线
  • pandas 读取excel数据,以字典形式输出
  • 一、lambda表达式处理stream操作
  • Python因为网络原因安装依赖库报错
  • Spring Bean生命周期
  • 【JavaScript】《JavaScript高级程序设计 (第4版) 》笔记-Chapter2-HTML 中的 JavaScript
  • 【实战篇】DeepSeek + Cline 编程实战:从入门到“上头”
  • STM32上部署AI的两个实用软件——Nanoedge AI Studio和STM32Cube AI
  • 流媒体缓存管理策略
  • Python的那些事第十四篇:Flask与Django框架的趣味探索之旅
  • 阿里云cdn怎样设置图片压缩
  • 【Spring】_SpringBoot配置文件
  • Jetpack ViewModel
  • grafana面板配置opentsdb
  • 大模型deepseek-r1 本地快速搭建
  • 3D展示已成趋势,哪些产品适合3D交互展示?
  • 不用调试器,如何定位“Hard Fault”?
  • 用户点击商品埋点的实现方案
  • 跨平台App开发,有哪些编程语言和工具,比较一下优劣势?
  • STM32的HAL库开发-通用定时器输入捕获实验
  • 【电商系统架构的深度剖析与技术选型】
  • 基于SpringBoot养老院平台系统功能实现五
  • MySQL三大日志——binlog、redoLog、undoLog详解
  • RAG:知识库参数设置
  • .NET Framework和.NET Core的区别
  • 深度学习入门:搭建你的第一个神经网络