[发明专利]页面拖拽方法、装置、计算机设备及存储介质有效

专利信息
申请号: 202110277788.0 申请日: 2021-03-15
公开(公告)号: CN112965645B 公开(公告)日: 2022-07-29
发明(设计)人: 范伟林 申请(专利权)人: 中国平安财产保险股份有限公司
主分类号: G06F3/0481 分类号: G06F3/0481;G06F3/0486;G06F3/04883;G06F16/957
代理公司: 深圳市赛恩倍吉知识产权代理有限公司 44334 代理人: 杨毅玲;刘丽华
地址: 518033 广东省深圳市福田区益田路*** 国省代码: 广东;44
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 页面 方法 装置 计算机 设备 存储 介质
【权利要求书】:

1.一种页面拖拽方法,其特征在于,所述页面拖拽方法包括:

响应于用户对所述当前显示页面的触摸事件,确定所述触摸事件对应的DOM元素;根据所述DOM元素在所述当前显示页面中的位置信息确定所述当前显示页面中的拖动对象;确定所述拖动对象对应的页面描述性文本中的多个页面元素;查询预设的标识记录表,根据每个页面元素对应的元素标识确定所述页面元素对应的重要度;将大于预设阈值的重要度对应的页面元素确定为目标元素;并将确定的目标元素中draggable属性为true的目标元素确定为拖动元素;

以确定的拖动元素为索引词生成所述多个目标元素对应的索引,并根据所述索引创建目标容器;

获取所述当前显示页面的显示参数,所述显示参数用于确定所述当前显示页面的显示方位;

根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数;

根据所述显示参数确定所述当前显示页面的显示方位;根据所述显示方位,在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数;

根据所述水平移动参数和所述竖直移动参数移动所述目标容器。

2.根据权利要求1所述的页面拖拽方法,其特征在于,所述根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数包括:

确定用户在所述当前显示页面上进行所述拖拽操作的起始位置;

拷贝所述起始位置对应的页面元素,得到拷贝元素;

控制所述拷贝元素根据用户对所述当前显示页面的拖拽操作进行拖拽模拟,得到所述拷贝元素的移动参数;

根据所述移动参数确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数。

3.根据权利要求1所述的页面拖拽方法,其特征在于,所述根据用户对所述当前显示页面的拖拽操作,确定所述拖拽操作对应的第一拖拽参数和第二拖拽参数包括:

捕获用户对所述当前显示页面的拖拽操作中光标的移动信息;

根据所述移动信息确定所述拖拽操作对应的起点和终点;

计算所述起点和终点之间的水平差值和竖直差值,得到所述拖拽操作对应的第一拖拽参数和第二拖拽参数。

4.根据权利要求3所述的页面拖拽方法,其特征在于,所述根据所述移动信息确定所述拖拽操作对应的起点和终点包括:

实时捕获所述光标的像素值,并判断所述像素值是否发生变化;

当所述光标的像素值发生变化时,获取所述光标的当前坐标作为第一坐标;

根据所述第一坐标确定所述拖动元素对应的起点;

侦测所述光标的停留位置及停留时间;

当检测到所述光标在任意位置的停留时间大于或者等于预设时长时,获取所述光标在所述任意位置处的坐标作为第二坐标;

根据所述第二坐标确定所述拖动元素对应的终点。

5.根据权利要求1至4中任意一项所述的页面拖拽方法,其特征在于,所述根据所述显示参数,在所述第一拖拽参数和第二拖拽参数中确定水平移动参数和竖直移动参数包括:

当所述显示参数为第一参数值时,确定当前显示页面的显示方位为竖屏,将所述第一拖拽参数确定为水平移动参数,将所述第二拖拽参数确定为竖直移动参数;

当所述显示参数为第二参数值时,确定当前显示页面的显示方位为横屏,将所述第二拖拽参数确定为水平移动参数,对所述第一拖拽参数进行取反处理得到竖直移动参数。

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

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

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

×

专利文献下载

说明:

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

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

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

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

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

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

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

钻瓜专利网在线咨询

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

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