兼容触摸屏的物理按键的web页面焦点控制方法及系统技术方案

技术编号:32568047 阅读:11 留言:0更新日期:2022-03-09 16:54
本发明专利技术提供了一种兼容触摸屏的物理按键的web页面焦点控制方法及系统,涉及计算机技术领域,该方法包括:步骤S1:寻找在当前页面中的可聚焦区域;步骤S2:根据查找的可聚焦区域,找到可聚焦区域中的可聚焦元素;步骤S3:设置一个默认的可聚焦元素,作为物理键盘所控制的起始焦点,接收到点击事件后,再获取当前焦点,为下次键盘控制的起始焦点,依次类推;步骤S4:确定焦点移动遵循的规则。本发明专利技术使得移动操作系统能同时适配在仅包含触摸屏的设备、仅包含物理按键的设备以及同时包含触摸屏和物理按键的设备,达到了一次开发,多种硬件设备适配的效果,大大提高了移植开发的效率。大大提高了移植开发的效率。大大提高了移植开发的效率。

【技术实现步骤摘要】
兼容触摸屏的物理按键的web页面焦点控制方法及系统


[0001]本专利技术涉及计算机
,具体地,涉及一种兼容触摸屏的物理按键的web页面焦点控制方法及系统。

技术介绍

[0002]过去军用移动终端硬件不搭载触摸屏且功能局限于拨号、短信等简单功能。随着技术的进步和需求的发展,军用移动终端变得更加智能、人机界面更加友好。因此对物理按键的适配提出了更高的要求,在对操作界面焦点控制的过程中,需要兼容触摸屏和物理键盘两种输入设备。
[0003]军用移动终端为了简化操作同时适应极端环境,会同时配备触摸屏和物理键盘。而在对操作界面的焦点控制过程中,触摸屏和物理按键的驱动不兼容,两种输入设备交替使用,会出现操作界面难以使用的状况。
[0004]公开号为CN107295414A的专利技术专利,公开了一种Web页面焦点控制方法及装置,将Web页面划分至少一个HTML标签容器;确定所述HTML标签容器的标签属性;在所述标签属性的指定字段确定Web页面的焦点属性;根据所述焦点属性确定所述Web页面的焦点。
[0005]公开号为CN103297854B的专利技术专利,公开了一种web页面焦点控制方法,通过输入设备在显示界面中移动的坐标判断当前焦点所在的区域,根据各区域的信息对当前焦点进行显示。当焦点在相同区域中的元素之间切换的时候,采用同样大小的边框来回覆盖相应元素,并边框上产生一个行走的动画;焦点移动到不同的区域时,根据移动的坐标判断当前焦点所在的功能区域,根据该功能区域选择适应该区域的显示方式。上述专利不能解决同时存在触摸屏和物理键盘两种输入方式时所产生的兼容性问题。

技术实现思路

[0006]针对现有技术中的缺陷,本专利技术提供一种兼容触摸屏的物理按键的web页面焦点控制方法及系统。
[0007]根据本专利技术提供的一种兼容触摸屏的物理按键的web页面焦点控制方法及系统,所述方案如下:
[0008]第一方面,提供了一种兼容触摸屏的物理按键的web页面焦点控制方法,所述方法包括:
[0009]步骤S1:寻找在当前页面中的可聚焦区域;
[0010]步骤S2:根据查找的可聚焦区域,找到可聚焦区域中的可聚焦元素;
[0011]步骤S3:设置一个默认的可聚焦元素,作为物理键盘所控制的起始焦点,接收到点击事件后,再获取当前焦点,为下次键盘控制的起始焦点,依次类推;
[0012]步骤S4:确定焦点移动遵循的规则。
[0013]优选的,所述步骤S3中的起始焦点用于搜索下一个目标焦点的原点,是元素或者点。
[0014]优选的,所述步骤S3具体包括:进入页面,先初始化物理键盘,确认一个焦点作为起始焦点;监听屏幕点击事件,接收到点击事件后,获取当前焦点,为下次键盘控制的起始焦点。
[0015]优选的,所述步骤S4包括:当焦点位于滚动容器内并且用户触发空间导航时,判断是请求将焦点移动到滚动容器方向,还是文档应该向滚动容器方向滚动;
[0016]如果滚动容器内在请求的方向上有可见的可聚焦元素,则聚焦到导航方向上对齐最多的元素;
[0017]否则,滚动容器将按请求的方向滚动。
[0018]优选的,所述步骤S4中聚焦到导航方向上对齐最多的元素包括:
[0019]如果导航方向有多个对齐的候选,则选择与导航方向上对应的轴上距离最近的元素;如果多个元素的距离相同,则选择对齐量最小的元素;
[0020]否则,如果在给定方向上没有任何对齐的候选元素,则选择沿与导航方向对应的轴距离最近的元素;如果多个元素的距离相同,则选择沿与导航正交的轴距离最小的元素。
[0021]第二方面,提供了一种兼容触摸屏的物理按键的web页面焦点控制系统,所述系统包括:
[0022]模块M1:寻找在当前页面中的可聚焦区域;
[0023]模块M2:根据查找的可聚焦区域,找到可聚焦区域中的可聚焦元素;
[0024]模块M3:设置一个默认的可聚焦元素,作为物理键盘所控制的起始焦点,接收到点击事件后,再获取当前焦点,为下次键盘控制的起始焦点,依次类推;
[0025]模块M4:确定焦点移动遵循的规则。
[0026]优选的,所述模块M3中的起始焦点用于搜索下一个目标焦点的原点,是元素或者点。
[0027]优选的,所述模块M3具体包括:进入页面,先初始化物理键盘,确认一个焦点作为起始焦点;监听屏幕点击事件,接收到点击事件后,获取当前焦点,为下次键盘控制的起始焦点。
[0028]优选的,所述模块M4包括:当焦点位于滚动容器内并且用户触发空间导航时,判断是请求将焦点移动到滚动容器方向,还是文档应该向滚动容器方向滚动;
[0029]如果滚动容器内在请求的方向上有可见的可聚焦元素,则聚焦到导航方向上对齐最多的元素;
[0030]否则,滚动容器将按请求的方向滚动。
[0031]优选的,所述模块M4中聚焦到导航方向上对齐最多的元素包括:
[0032]如果导航方向有多个对齐的候选,则选择与导航方向上对应的轴上距离最近的元素;如果多个元素的距离相同,则选择对齐量最小的元素;
[0033]否则,如果在给定方向上没有任何对齐的候选元素,则选择沿与导航方向对应的轴距离最近的元素;如果多个元素的距离相同,则选择沿与导航正交的轴距离最小的元素。
[0034]与现有技术相比,本专利技术具有如下的有益效果:
[0035]本专利技术使得移动操作系统能同时适配在仅包含触摸屏的设备、仅包含物理按键的设备以及同时包含触摸屏和物理按键的设备,达到了一次开发,多种硬件设备适配的效果,大大提高了移植开发的效率。
附图说明
[0036]通过阅读参照以下附图对非限制性实施例所作的详细描述,本专利技术的其它特征、目的和优点将会变得更明显:
[0037]图1为技术方案流程图;
[0038]图2为焦点移动规则示例。
具体实施方式
[0039]下面结合具体实施例对本专利技术进行详细说明。以下实施例将有助于本领域的技术人员进一步理解本专利技术,但不以任何形式限制本专利技术。应当指出的是,对本领域的普通技术人员来说,在不脱离本专利技术构思的前提下,还可以做出若干变化和改进。这些都属于本专利技术的保护范围。
[0040]本专利技术实施例提供了一种兼容触摸屏的物理按键的web页面焦点控制方法,旨在解决两种输入设备同时使用时,操作界面难以使用的问题。参照图1所示,该方法具体包括如下步骤:
[0041]步骤S1:寻找在当前页面中的可聚焦区域,包括:找到一个空间导航容器,递归找到其中可以聚集的区域。
[0042]步骤S2:根据查找的可聚焦区域,找到可聚焦区域中的可聚焦元素;包括:页面中标签为按钮、文本框、链接等可见元素。
[0043]步骤S3:设置一个默认的可聚焦元素,作为物理键盘所控制的起始焦点,包括:默认可聚焦元素指当前顶级页面的可聚焦区域中的DOM锚。
[0044]顶级页面是指一个不是子页面的页面。...

【技术保护点】

【技术特征摘要】
1.一种兼容触摸屏的物理按键的web页面焦点控制方法,其特征在于,包括:步骤S1:寻找在当前页面中的可聚焦区域;步骤S2:根据查找的可聚焦区域,找到可聚焦区域中的可聚焦元素;步骤S3:设置一个默认的可聚焦元素,作为物理键盘所控制的起始焦点,接收到点击事件后,再获取当前焦点,为下次键盘控制的起始焦点,依次类推;步骤S4:确定焦点移动遵循的规则。2.根据权利要求1所述的兼容触摸屏的物理按键的web页面焦点控制方法,其特征在于,所述步骤S3中的起始焦点用于搜索下一个目标焦点的原点,是元素或者点。3.根据权利要求1所述的兼容触摸屏的物理按键的web页面焦点控制方法,其特征在于,所述步骤S3具体包括:进入页面,先初始化物理键盘,确认一个焦点作为起始焦点;监听屏幕点击事件,接收到点击事件后,获取当前焦点,为下次键盘控制的起始焦点。4.根据权利要求1所述的兼容触摸屏的物理按键的web页面焦点控制方法,其特征在于,所述步骤S4包括:当焦点位于滚动容器内并且用户触发空间导航时,判断是请求将焦点移动到滚动容器方向,还是文档应该向滚动容器方向滚动;如果滚动容器内在请求的方向上有可见的可聚焦元素,则聚焦到导航方向上对齐最多的元素;否则,滚动容器将按请求的方向滚动。5.根据权利要求4所述的兼容触摸屏的物理按键的web页面焦点控制方法,其特征在于,所述步骤S4中聚焦到导航方向上对齐最多的元素包括:如果导航方向有多个对齐的候选,则选择与导航方向上对应的轴上距离最近的元素;如果多个元素的距离相同,则选择对齐量最小的元素;否则,如果在给定方向上没有任何对齐的候选元素,则选择沿与导航方向对应的轴距离最近的元素;如果多个元素的距离相同,则选择沿与导航正交的轴距离最小的元素。6.一种兼容触...

【专利技术属性】
技术研发人员:陈爽李青淋麦秀青高元钧徐冬晨
申请(专利权)人:华东计算技术研究所中国电子科技集团公司第三十二研究所
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1