[发明专利]一种浏览器焦点控制实现方法及实现系统有效

专利信息
申请号: 201710031865.8 申请日: 2017-01-17
公开(公告)号: CN106708371B 公开(公告)日: 2020-04-07
发明(设计)人: 刘卫平 申请(专利权)人: 深圳创维数字技术有限公司
主分类号: G06F3/0481 分类号: G06F3/0481;G06F16/957
代理公司: 深圳市君胜知识产权代理事务所(普通合伙) 44268 代理人: 王永文;刘文求
地址: 518057 广东省深圳*** 国省代码: 广东;44
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 浏览器 焦点 控制 实现 方法 系统
【说明书】:

发明公开了一种浏览器焦点控制实现方法及实现系统,方法包括:网页加载完成时,选取一可视dom树节点为初始焦点,并遍历网页中所有可视的dom树节点;将初始焦点及网页中所有可视的dom树节点按升序设置编号,依序获取初始焦点及网页中所有可视的dom树节点的相邻节点编号信息;当接收到方向键按键指令时则根据当前焦点遍历dom树,并查询与当前焦点相对应相邻节点编号信息中所包括的编号值是否与目标dom树节点的编号相同;若相同相同时,则将当前焦点移动至目标dom树节点。本发明中检测到用户按方向键时,通过编号即可找到潜在要切换的焦点,节省了二次计算的过程,更利于使用方向键方式浏览网页。

技术领域

本发明涉及浏览器焦点控制技术领域,尤其涉及一种浏览器焦点控制实现方法及实现系统。

背景技术

伴随着互联网技术的飞速发展,具有上网功能的设备越来越多。比如手机、电脑,pad,机顶盒,手表,手持设备等等。传统上网途径浏览网页时,可以使用鼠标或触摸屏等直接于网页中众多焦点元素中选取目标。而对于非鼠标和触摸的方式的设备来说浏览网页并不是很方便。现有的技术并没有友好的支持使用方向键来控制焦点方式来浏览网页。

目前非鼠标和触摸的方式的设备中按方向键,浏览器重新在DOM树(DOM为Document Object Model的简写,即文档对象模型)中遍历焦点,在给定初始焦点后,按照固有算法重新计算选取距离最近的DOM树节点作为下一个焦点,并按此方法移动焦点,移动效率低下,容易出现误操作,也不方便于开发人员调试。

因此,现有技术还有待于改进和发展。

发明内容

本发明要解决的技术问题在于,针对现有技术的上述缺陷,提供一种浏览器焦点控制实现方法及实现系统,旨在解决现有技术中非鼠标和触摸的方式的设备浏览网页中控制焦点移动效率低下,容易出现误操作,也不方便于开发人员调试的问题。

本发明解决技术问题所采用的技术方案如下:

一种浏览器焦点控制实现方法,其中,包括以下步骤:

网页加载完成时,选取一可视dom树节点为初始焦点,并遍历网页中所有可视的dom树节点;

将初始焦点及网页中所有可视的dom树节点按升序设置编号,依序获取初始焦点及网页中所有可视的dom树节点的相邻节点编号信息;

当接收到方向键按键指令时则根据当前焦点遍历dom树,并查询与当前焦点相对应相邻节点编号信息中所包括的编号值是否与目标dom树节点的编号相同;

若与当前焦点相对应相邻节点编号信息中所包括的编号值与目标dom树节点的编号相同时,则将当前焦点移动至目标dom树节点。

所述浏览器焦点控制实现方法,其中,所述网页加载完成时,选取一可视dom树节点为初始焦点,并遍历网页中所有可视的dom树节点的步骤具体包括:

网页加载完成时,选取一可视dom树节点为初始焦点;

遍历网页中所有可视的dom树节点,并得到每一dom树节点的位置信息和大小信息。

所述浏览器焦点控制实现方法,其中,所述将初始焦点及网页中所有可视的dom树节点按升序设置编号,依序获取初始焦点及网页中所有可视的dom树节点的相邻节点编号信息的步骤具体包括:

对初始焦点及网页中所有可视的dom树节点设置编号,及设置包括向上相邻节点编号、向下相邻节点编号、向左相邻节点编号、向右相邻节点编号的相邻节点编号信息;

对初始焦点及网页中所有可视的dom树节点的编号按升序赋值,其中初始焦点的编号设置为0,网页中所有可视的dom树节点的编号从1开始升序设置,且编号均为整数;

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

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

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

×

专利文献下载

说明:

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

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

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

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

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

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

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

钻瓜专利网在线咨询

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

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