[发明专利]页面交互方法、装置及终端有效

专利信息
申请号: 201310316710.0 申请日: 2013-07-25
公开(公告)号: CN103399706A 公开(公告)日: 2013-11-20
发明(设计)人: 张少伟;徐国市;袁军;牛坤 申请(专利权)人: 北京小米科技有限责任公司
主分类号: G06F3/0488 分类号: G06F3/0488
代理公司: 北京三高永信知识产权代理有限责任公司 11138 代理人: 张耀光
地址: 100102 北京市朝阳区*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 页面 交互 方法 装置 终端
【说明书】:

技术领域

发明涉及计算机技术领域,特别涉及页面交互方法、装置及终端。

背景技术

由于操作的便利性,具有触摸屏的终端正在被越来越广泛的使用,如智能手机和平板电脑等。用户通过用手指接触触摸屏来执行不同的触摸手势,可以触发终端执行不同的操作。上述触摸手势包括点击和滑动等。

用户可以在具有触摸屏的终端上浏览各种页面、并进行页面交互操作,如通过浏览器浏览网页页面,这些页面上往往具有链接和按钮等元素,供用户执行点击操作。

发明人在实现本发明的过程中,发现上述页面交互的方式至少存在如下缺陷:

当页面上元素的像素面积较小时,由于手指无法做到鼠标那样的精确点击,当手指点击的区域内有多个元素时,终端无法确定用户实际要点击的是哪一个元素,可能产生误操作。

发明内容

为了解决背景技术中存在的问题,本发明实施例提供了页面交互方法、装置及终端。

第一方面,本发明实施例提供一种页面交互方法,应用于终端的浏览器中,所述方法包括:

确定页面交互的第一触发事件在所述浏览器的当前页面上针对的区域;

利用所述浏览器核心层中所述当前页面上的元素的属性,确定所述区域中是否存在至少两个能够响应所述第一触发事件的元素;

如果确定所述区域中存在至少两个能够响应所述第一触发事件的元素,放大显示所述区域。

可选的,所述利用所述浏览器的核心层中所述当前页面上的元素的属性,确定所述区域中是否存在至少两个能够响应所述第一触发事件的元素,包括:

查询所述浏览器核心层中所述当前页面的渲染树的当前节点;其中,所述渲染树具有至少一个节点,每个所述节点对应一个所述当前页面的元素的属性;

确定所述当前节点对应的元素是否在所述区域中且能够响应所述第一触发事件;

如果所述当前节点对应的元素在所述区域中且能够响应所述第一触发事件,记录所述当前节点对应的元素;

将所述当前节点的下一个节点作为当前节点、并重复执行所述查询的步骤,直至记录的元素个数达到两个。

可选的,所述元素的属性包括:在所述当前页面上的位置、显示属性和响应属性;

所述确定所述当前节点对应的元素是否在所述区域中且能够响应所述第一触发事件,包括:

根据当前节点对应的元素在所述当前页面上的位置,判断当前节点对应的元素是否部分或全部在所述区域中;

如果当前节点对应的元素部分或全部在所述区域中,根据当前节点对应的元素的显示属性判断当前节点对应的元素是否可见及是否被其他元素覆盖;

如果当前节点对应的元素可见且未被其他元素覆盖,根据当前节点对应的元素的响应属性判断当前节点对应的元素是否能够响应所述第一触发事件。

可选的,所述根据当前节点对应的元素的响应属性判断当前节点对应的元素是否能够响应所述第一触发事件,包括:

根据当前节点对应的元素的响应属性,判断当前节点对应的元素自身是否能够响应所述第一触发事件,或者,判断当前节点的父节点是否注册了所述第一触发事件的响应函数。

可选的,所述确定页面交互的第一触发事件在所述浏览器的当前页面上针对的区域,包括:

识别触发所述第一触发事件的触摸手势在所述终端的触摸屏上的定位点;

基于所述定位点扩展设定范围,作为所述第一触发事件在所述浏览器的当前页面上针对的区域。

可选的,所述放大显示所述区域,包括:

在所述当前页面上显示浮动窗口,所述浮动窗口中显示放大后的所述区域;

或者,在所述当前页面上显示动态侧边栏,所述动态侧边栏中显示放大后的所述区域。

可选的,所述方法还包括:

检测放大后的所述区域中的页面交互的第二触发事件;

基于所述第二触发事件指向的元素响应所述第二触发事件。

可选的,所述元素的属性包括:在当前页面上的位置和响应属性;

所述基于所述第二触发事件指向的元素响应所述触发事件,包括:

确定触发所述第二触发事件的触摸手势在放大后的所述区域中的定位点;

确定所述定位点在放大前的所述区域中的映射位置;

根据放大前的所述区域中的元素的位置,确定所述区域中与所述映射位置重合的元素;

基于确定出的元素的响应属性响应所述第二触发事件。

第二方面,本发明实施例提供一种页面交互装置,应用于终端的浏览器中,所述装置包括:

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

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

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

×

专利文献下载

说明:

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

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

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

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

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

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

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

钻瓜专利网在线咨询

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

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