一种页面元素焦点跳转方法、装置、设备及存储介质与流程

本发明涉及页面焦点控制，尤其涉及一种页面元素焦点跳转方法、装置、设备及存储介质。

背景技术：

1、html的英文全称是hyper text markup language，即超文本标记语言，是一种标记语言。它包括一系列标签来进行编写，这些标签通过浏览器渲染成页面元素。

2、当页面上有很多其他元素需要进行落焦交互的时候，并且当这个页面无法通过鼠标这种可以直接选择到元素的时候(比如智能电视中只能是用遥控器来控制选择要操作的部分)，如果是使用html技术，那么默认可以落焦的元素无法满足页面展示的样式，所以需要使用其他元素来进行焦点交互，这个时候html本身提供的焦点移动逻辑是只能通过键盘的tab键按照从上向下的顺序来移动焦点。

3、现有技术很多采用的方案是给元素进行编号，当按上下左右的时候，按照规定的编号跳转，这样对于一些动态生成的元素就没有办法控制。并且无法适用于复杂焦点场景，例如：电视端web应用焦点控制，在这些场景中，用户只能通过按键设备发送按键码进行焦点控制，并且html大部分元素不支持焦点交互，所以无法适用大量复杂排版的焦点控制场景。

4、因此，如何对页面生成的动态元素进行跳转，是目前亟需解决的技术问题。

技术实现思路

1、本发明主要目的在于提供一种页面元素焦点跳转方法、装置、设备及存储介质，能够对任何页面布局的静态或动态元素进行跳转，实用性强且效果好，同时可以进行自定义跳转的规则，满足任何跳转逻辑，适用大量复杂排版的焦点控制场景，操作更加便捷。

2、第一方面，本申请提供了一种页面元素焦点跳转方法，其中该方法包括步骤：

3、获取按键设备对应的指令，查找所有满足所述指令的html元素，生成可落焦的元素集合；

4、计算当前默认落焦元素中心点与所述可落焦的元素集合中所有元素中心点的距离；

5、根据所述当前默认落焦元素中心点与所述元素集合中所有元素中心点的距离，确定落焦的目标元素，并跳转至所述落焦的目标元素。

6、结合上述第一方面，作为一种可选的实现方式，监听操作件对应的指令，并筛选出所有横坐标起始值大于等于当前落焦的元素的横坐标结束值或纵坐标起始值小于等于当前落焦的元素的纵坐标结束值，以确定候选落焦的元素；

7、根据所述候选落焦的元素，生成可落焦的元素集合。结合上述第一方面，作为一种可选的实现方式，根据公式计算当前默认落焦元素中心点与所述可落焦的元素集合中所有元素中心点的距离，其中x1为当前落焦元素的横坐标，y1为当前落焦元素的纵坐标，x2为可落焦的元素集合中候选元素的横坐标，y2为可落焦的元素集合中候选元素的纵坐标。

8、结合上述第一方面，作为一种可选的实现方式，对比当前落焦元素中心点与所述可落焦的元素集合中所有元素中心点的距离；

9、将所述可落焦的元素集合中与所述当前落焦元素中心点距离最近的元素作为目标元素。

10、结合上述第一方面，作为一种可选的实现方式，基于web前端应用，统一规定落焦元素并对指定元素进行统一标识，以确定可落焦的元素。

11、结合上述第一方面，作为一种可选的实现方式，设定固定的标签作为落焦元素，并通过html元素的class属性对指定元素进行统一标识，其中所述class属性为html标签自带的属性值，其可以设置任何字符串，用于作为可落焦元素的标识。

12、结合上述第一方面，作为一种可选的实现方式，修改目标元素的css样式，以进行突出显示。

13、第二方面，本申请提供了一种页面元素焦点跳转装置，包括：

14、操作单元，其用于获取按键设备对应的指令，查找所有满足所述指令的html元素，生成可落焦的元素集合；

15、计算单元，其用于计算当前默认落焦元素中心点与所述可落焦的元素集合中所有元素中心点的距离；

16、确定单元，其用于根据所述当前默认落焦元素中心点与所述元素集合中所有元素中心点的距离，确定落焦的目标元素，并跳转至所述落焦的目标元素。

17、第三方面，本申请还提供了一种电子设备，所述电子设备包括：处理器；存储器，所述存储器上存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，实现第一方面任一项所述的方法。

18、第四方面，本申请还提供了一种计算机可读存储介质，其存储有计算机程序指令，当所述计算机程序指令被计算机执行时，使计算机执行第一方面任一项所述的方法。

19、本申请提供的一种页面元素焦点跳转方法、装置、设备及存储介质，其中该方法包括步骤：获取按键设备对应的指令，查找所有满足所述指令的html元素，生成可落焦的元素集合；计算当前默认落焦元素中心点与所述可落焦的元素集合中所有元素中心点的距离；根据所述当前默认落焦元素中心点与所述元素集合中所有元素中心点的距离，确定落焦的目标元素，并跳转至所述落焦的目标元素。本申请能够对任何页面布局的静态或动态元素进行跳转，实用性强且效果好，同时可以进行自定义跳转的规则，满足任何跳转逻辑，适用大量复杂排版的焦点控制场景，操作更加便捷。

20、应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本发明。

技术特征：

1.一种页面元素焦点跳转方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述获取按键设备对应的指令，查找所有满足所述指令的html元素，生成可落焦的元素集合，包括：

3.根据权利要求1所述的方法，其特征在于，所述计算当前默认落焦元素中心点与所述可落焦的元素集合中所有元素中心点的距离，包括：

4.根据权利要求1所述的方法，其特征在于，所述根据所述当前默认落焦元素中心点与所述元素集合中所有元素中心点的距离，确定落焦的目标元素，包括：

5.根据权利要求1所述的方法，其特征在于，所述获取按键设备对应的指令之前，包括：

6.根据权利要求5所述的方法，其特征在于，包括：

7.根据权利要求5所述的方法，其特征在于，包括：

8.一种页面元素焦点跳转装置，其特征在于，包括：

9.一种电子设备，其特征在于，所述电子设备，包括：

10.一种计算机可读存储介质，其特征在于，其存储有计算机程序指令，当所述计算机程序指令被计算机执行时，使计算机执行根据权利要求1至7中任一项所述的方法。

技术总结
本发明公开了一种页面元素焦点跳转方法、装置、设备及存储介质，其中该方法包括步骤：获取按键设备对应的指令，查找所有满足所述指令的HTML元素，生成可落焦的元素集合；计算当前默认落焦元素中心点与所述可落焦的元素集合中所有元素中心点的距离；根据所述当前默认落焦元素中心点与所述元素集合中所有元素中心点的距离，确定落焦的目标元素，并跳转至所述落焦的目标元素。本申请能够对任何页面布局的静态或动态元素进行跳转，实用性强且效果好，同时可以进行自定义跳转的规则，满足任何跳转逻辑，适用大量复杂排版的焦点控制场景，操作更加便捷。

技术研发人员：孙昊
受保护的技术使用者：东风商用车有限公司
技术研发日：
技术公布日：2024/1/15