[发明专利]一种web页面焦点导航方法和装置有效

专利信息
申请号: 201911373711.2 申请日: 2019-12-27
公开(公告)号: CN113051495B 公开(公告)日: 2023-10-20
发明(设计)人: 欧成国;王潇 申请(专利权)人: 成都鼎桥通信技术有限公司
主分类号: G06F16/954 分类号: G06F16/954
代理公司: 北京德琦知识产权代理有限公司 11018 代理人: 孙清然;王琦
地址: 610041 四川省成都市高新*** 国省代码: 四川;51
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 web 页面 焦点 导航 方法 装置
【说明书】:

本申请公开了一种web页面焦点导航方法和装置,其中方法包括:当浏览器的web页面检测到焦点切换事件被触发时,将所述焦点切换事件被触发通知给所述浏览器的内核;所述内核根据所述焦点切换事件和当前焦点控件的位置,确定相应切换后的新焦点控件并通知给所述web页面;从所述web页面获取焦点框属性信息;根据所述焦点框属性信息,生成相应的焦点框绘制信息,并发送给所述web页面;所述web页面根据所述焦点框绘制信息,在所述web页面的所述新焦点控件处绘制相应焦点框。应用本申请公开的技术方案,能够有效降低web页面的研发复杂度和维护成本。

技术领域

本申请涉及计算机应用技术领域,特别涉及一种web页面焦点导航方法和装置。

背景技术

目前,在web页面展示当前被选中焦点区域切换和移动时,存在以下几种状态:用户通过操作(按键、鼠标、触控等),上下左右切换焦点框;用户对页面放大和缩小,焦点框同步刷新后进行焦点切换。

针对上述焦点切换和刷新的情景,现有基于Blink内核的浏览器采用的web页面焦点导航方案是由处于前端的web页面进行绘制实现。具体地,处于前端的web页面根据用户操作(包括按键、鼠标、触控等操作)触发的事件,按照预先设置的该事件所对应的逻辑处理方法,在web页面实现相应焦点的显示和切换。

发明人在实现本发明的过程中发现,上述现有的web页面焦点导航方案存在研发和维护成本高的问题,具体原因分析如下:

上述web页面焦点导航方案,需要由处于前端的web页面通过执行当前用户触发的操作事件所对应的逻辑处理方法,实现在当前web页面上焦点的显示和切换,这样,每个web页面中都需要具有相应的事件处理代码,从而导致:研发人员在web页面开发过程中需要分别针对每个web页面进行相应的事件处理设计。

另外,web页面中的事件处理逻辑需要区别用户操作类型的,比如,是按键操作还是鼠标操作或是触控操作,并且对于每种操作类型下的不同操作功能,比如是上移还是下移,分别提供相应的事件处理逻辑。如此,由于需要针对每种操作类型下的各种操作功能分别相应的事件处理代码。即使对于不同操作类型下的相同操作功能,比如同样是导致焦点上移的鼠标操作和触控操作,由于属于不同的操作类型,也需要分别设计事件处理逻辑,从而导致web页面开发时需要设计的事件处理逻辑复杂、代码开发量较大,进而导致web页面的研发和维护成本高。

发明内容

有鉴于此,本发明的主要目的在于提供一种web焦点导航方法和装置,能够有效降低web页面的研发复杂度和维护成本。

为了达到上述目的,本发明提出的技术方案为:

一种web页面焦点导航方法,包括:

当浏览器的web页面检测到焦点切换事件被触发时,将所述焦点切换事件被触发通知给所述浏览器的内核;

所述内核根据所述焦点切换事件和当前焦点控件的位置,确定相应切换后的新焦点控件并通知给所述web页面;从所述web页面获取焦点框属性信息;根据所述焦点框属性信息,生成相应的焦点框绘制信息,并发送给所述web页面;

所述web页面根据所述焦点框绘制信息,在所述web页面的所述新焦点控件处绘制相应焦点框。

较佳地,所述确定相应切换后的新焦点控件包括:

遍历所述web页面中的每个控件,判断该控件和当前焦点控件的对齐关系;

如果所述web页面中存在一个控件满足:与当前焦点控件完全对齐,则将该控件作为所述新焦点控件;

如果所述web页面中仅存在一个控件满足:与当前焦点控件交叉对齐,则将该控件作为所述新焦点控件;

如果所述web页面中的所有控件均与当前焦点控件完全不对齐,则将距离当前焦点控件最近的控件作为所述新焦点控件。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于成都鼎桥通信技术有限公司,未经成都鼎桥通信技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201911373711.2/2.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top