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

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

【技术实现步骤摘要】
为当前落焦元素的纵坐标,x2为可落焦的元素集合中候选元素的横坐标,y2为可落焦的元素集合中候选元素的纵坐标。
[0013]结合上述第一方面,作为一种可选的实现方式,对比当前落焦元素中心点与所述可落焦的元素集合中所有元素中心点的距离;
[0014]将所述可落焦的元素集合中与所述当前落焦元素中心点距离最近的元素作为目标元素。
[0015]结合上述第一方面,作为一种可选的实现方式,基于WEB前端应用,统一规定落焦元素并对指定元素进行统一标识,以确定可落焦的元素。
[0016]结合上述第一方面,作为一种可选的实现方式,设定固定的标签作为落焦元素,并通过HTML元素的class属性对指定元素进行统一标识,其中所述class属性为HTML标签自带的属性值,其可以设置任何字符串,用于作为可落焦元素的标识。
[0017]结合上述第一方面,作为一种可选的实现方式,修改目标元素的CSS样式,以进行突出显示。
[0018]第二方面,本申请提供了一种页面元素焦点跳转装置,包括:
[0019]操作单元,其用于获取按键设备对应的指令,查找所有满足所述指令的H本文档来自技高网...

【技术保护点】

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

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

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

1