一种页面元素焦点跳转方法、装置、设备及存储介质制造方法及图纸

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

【技术实现步骤摘要】
为当前落焦元素的纵坐标，x2为可落焦的元素集合中候选元素的横坐标，y2为可落焦的元素集合中候选元素的纵坐标。
[0013]结合上述第一方面，作为一种可选的实现方式，对比当前落焦元素中心点与所述可落焦的元素集合中所有元素中心点的距离；
[0014]将所述可落焦的元素集合中与所述当前落焦元素中心点距离最近的元素作为目标元素。
[0015]结合上述第一方面，作为一种可选的实现方式，基于WEB前端应用，统一规定落焦元素并对指定元素进行统一标识，以确定可落焦的元素。
[0016]结合上述第一方面，作为一种可选的实现方式，设定固定的标签作为落焦元素，并通过HTML元素的class属性对指定元素进行统一标识，其中所述class属性为HTML标签自带的属性值，其可以设置任何字符串，用于作为可落焦元素的标识。
[0017]结合上述第一方面，作为一种可选的实现方式，修改目标元素的CSS样式，以进行突出显示。
[0018]第二方面，本申请提供了一种页面元素焦点跳转装置，包括：
[0019]操作单元，其用于获取按键设备对应的指令，查找所有满足所述指令的HTML元素，生成可落焦的元素集合；
[0020]计算单元，其用于计算当前默认落焦元素中心点与所述可落焦的元素集合中所有元素中心点的距离；
[0021]确定单元，其用于根据所述当前默认落焦元素中心点与所述元素集合中所有元素中心点的距离，确定落焦的目标元素，并跳转至所述落焦的目标元素。
[0022]第三方面，本申请还提供了一种电子设备，所述电子设备包括：处理器；存储器，所述存储器上存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，实现第一方面任一项所述的方法。
[0023]第四方面，本申请还提供了一种计算机可读存储介质，其存储有计算机程序指令，当所述计算机程序指令被计算机执行时，使计算机执行第一方面任一项所述的方法。
[0024]本申请提供的一种页面元素焦点跳转方法、装置、设备及存储介质，其中该方法包括步骤：获取按键设备对应的指令，查找所有满足所述指令的HTML元素，生成可落焦的元素集合；计算当前默认落焦元素中心点与所述可落焦的元素集合中所有元素中心点的距离；根据所述当前默认落焦元素中心点与所述元素集合中所有元素中心点的距离，确定落焦的目标元素，并跳转至所述落焦的目标元素。本申请能够对任何页面布局的静态或动态元素进行跳转，实用性强且效果好，同时可以进行自定义跳转的规则，满足任何跳转逻辑，适用大量复杂排版的焦点控制场景，操作更加便捷。
[0025]应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本专利技术。
附图说明
[0026]此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本专利技术的实施例，并于说明书一起用于解释本专利技术的原理。
[0027]图1为本申请实施例中提供的一种页面元素焦点跳转方法流程图；
[0028]图2为本申请实施例中提供的一种页面元素焦点跳转装置示意图；
[0029]图3为本申请实施例中提供的焦点元素跳转示意图；
[0030]图4为本申请实施例中提供的一种电子设备示意图；
[0031]图5为本申请实施例中提供的一种计算机可读程序介质示意图。
具体实施方式
[0032]这里将详细地对示例性实施例执行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本专利技术相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本专利技术的一些方面相一致的装置和方法的例子。
[0033]此外，附图仅为本公开的示意性图解，并非一定是按比例绘制。附图所示的一些方框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。
[0034]本申请实施例提供了一种页面元素焦点跳转方法、装置、设备及存储介质，能够对任何页面布局的静态或动态元素进行跳转，实用性强且效果好，同时可以进行自定义跳转的规则，满足任何跳转逻辑，适用大量复杂排版的焦点控制场景，操作更加便捷。
[0035]为达到上述技术效果，本申请的总思路如下：
[0036]一种页面元素焦点跳转方法，该方法包括步骤：
[0037]S101：获取按键设备对应的指令，查找所有满足所述指令的HTML元素，生成可落焦的元素集合。
[0038]S102：计算当前默认落焦元素中心点与所述可落焦的元素集合中所有元素中心点的距离。
[0039]S103：根据所述当前默认落焦元素中心点与所述元素集合中所有元素中心点的距离，确定落焦的目标元素，并跳转至所述落焦的目标元素。
[0040]以下结合附图对本申请的实施例作进一步详细说明。
[0041]参照图1，图1所示为本专利技术提供的一种页面元素焦点跳转方法流程图，如图1所示，该方法包括步骤：
[0042]步骤S101:获取按键设备对应的指令，查找所有满足所述指令的HTML元素，生成可落焦的元素集合。
[0043]具体而言，监听操作件对应的指令，并筛选出所有横坐标起始值大于等于当前落焦的元素的横坐标结束值或纵坐标起始值小于等于当前落焦的元素的纵坐标结束值，以确定候选落焦的元素；
[0044]根据所述候选落焦的元素，生成可落焦的元素集合。
[0045]方便理解举例说明，用户在按下操作键之后，通过监听其按键设备对应的指令，查找被标记为可落焦并且满足指令条件的HTML元素，例如：按右键那么应该是查的目标元素横坐标的初始值大于等于当前元素的横坐标结束值跟纵坐标无关，如果按的是上键那么查的是目标元素纵坐标的结束值小于等于当前元素纵坐标的起始值和横坐标无关。可以理解的是按右键的时候目标元素要在当前元素的右边与横坐标有关，与纵坐标无关，按上目标元素要在当前元素的上面与纵坐标相关，与横坐标无关。
[0046]需要说明的是，操作键可以直接理解成键盘的上下左右，同时也可以处理其他按
键，比如返回键，确定键。
[0047]元素在页面上通常以长方形方式展示，那么在页面中元素左上角的点即为元素在页面中的起始x和起始y，元素右下角的点即为元素的结束x结束y，x即为横坐标值，y即为纵坐标值。
[0048]可以理解的是当按下右键时，会存在多个可跳转的焦点元素，因此需要确定目标元素进行跳转。
[0049]一实施例中，获取按键设备对应的指令之前，基于WEB前端应用，统一规定落焦元素并对指定元素进行统一标识，以确定可落焦的元素。其中，设定固定的标签作为落焦元素，并通过HTML元素的class属性对指定元素进行统一标识，其中所述class属性为HTML标签自带的属性值，其可以设置任何字符串，用于作为可落焦元素的标识。
[0050]方便理解举例说明，HTML的英文全称是Hyper Text Markup Language，即超文本标记语言，是一种标记语言。它包括一系列标签来进行编写，这些标签通过本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面元素焦点跳转方法，其特征在于，包括：获取按键设备对应的指令，查找所有满足所述指令的HTML元素，生成可落焦的元素集合；计算当前默认落焦元素中心点与所述可落焦的元素集合中所有元素中心点的距离；根据所述当前默认落焦元素中心点与所述元素集合中所有元素中心点的距离，确定落焦的目标元素，并跳转至所述落焦的目标元素。2.根据权利要求1所述的方法，其特征在于，所述获取按键设备对应的指令，查找所有满足所述指令的HTML元素，生成可落焦的元素集合，包括：监听操作件对应的指令，并筛选出所有横坐标起始值大于等于当前落焦的元素的横坐标结束值或纵坐标起始值小于等于当前落焦的元素的纵坐标结束值，以确定候选落焦的元素；根据所述候选落焦的元素，生成可落焦的元素集合。3.根据权利要求1所述的方法，其特征在于，所述计算当前默认落焦元素中心点与所述可落焦的元素集合中所有元素中心点的距离，包括：根据公式计算当前默认落焦元素中心点与所述可落焦的元素集合中所有元素中心点的距离，其中x1为当前落焦元素的横坐标，y1为当前落焦元素的纵坐标，x2为可落焦的元素集合中候选元素的横坐标，y2为可落焦的元素集合中候选元素的纵坐标。4.根据权利要求1所述的方法，其特征在于，所述根据所述当前默认落焦元素中心点与所述元素集合中所有元素中心点的距离，确定落焦的目标元素，包括：对比当前落焦元素中心点与所述可落焦的元素集合中所有元素中心点的距离；将所述可落焦的元素集合中与所述当前落...

【专利技术属性】
技术研发人员：孙昊，
申请(专利权)人：东风商用车有限公司，
类型：发明
国别省市：