[发明专利]一种javascript拖拽方法和装置有效

专利信息
申请号: 201310341678.1 申请日: 2013-07-30
公开(公告)号: CN104267883B 公开(公告)日: 2017-07-04
发明(设计)人: 黄骁;贾西贝 申请(专利权)人: 深圳市华傲数据技术有限公司
主分类号: G06F3/0484 分类号: G06F3/0484;G06F9/46
代理公司: 北京酷爱智慧知识产权代理有限公司11514 代理人: 赵永辉
地址: 518057 广东省深圳市南山区高新区中*** 国省代码: 广东;44
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 javascript 方法 装置
【权利要求书】:

1.一种javascript拖拽方法,其特征在于,包括:

根据用户选择指令获取目标条目;

获取用户释放指令;

预先设置两个变量:forindex和bacindex;

判断forindex是否大于容器总数,若forindex没有大于容器总数,则:

从forindex开始向前循环5次,将forindex的值加5,并判断鼠标是否停留在该容器里面:若所述鼠标没有停留在该容器里面,则从bacindex开始向后循环5次,将bacindex的值减5,并判断鼠标是否停留在该容器里面,若所述鼠标没有停留在该容器里面,则再次判断forindex的值加5之后是否大于容器总数,若forindex的值加5之后没有大于容器总数,则从forindex的值加5之后开始向前循环,继续判断,直至forindex大于容器总数或所述鼠标停留在该容器里面,并返回该容器的序号作为目标容器,所述用户释放指令为所述鼠标放开按键时发出的指令;

获取所述目标容器中每个条目位置,确定当前鼠标位置最近的条目位置;

根据所述最近条目位置插入目标条目;

根据插入目标条目后内所有条目的大小调整目标容器。

2.根据权利要求1所述的方法,其特征在于,所述根据用户选择指令获取目标条目前还包括:

当打开页面时,

将拖拽事件绑定到每个容器。

3.根据权利要求1或2所述的方法,其特征在于,

所述根据用户选择指令获取目标条目包括:

根据鼠标按下时所在位置确定目标条目。

4.根据权利要求3所述的方法,其特征在于,所述根据用户选择指令获取目标条目后还包括:

记录目标条目所在容器中每个条目所在位置;

当鼠标移动时,控制所述目标条目随鼠标移动;

根据目标条目的移动调整容器中每个条目的位置。

5.根据权利要求1所述的方法,其特征在于,

所述根据最近条目位置插入目标条目包括:

根据最近条目位置,按照预置规则插入目标条目;

更新目标条目位置后所有条目位置。

6.根据权利要求1所述的方法,其特征在于,所述获取用户释放指令后包括:

当根据所述用户释放指令无法确定鼠标当前所在的目标容器时,返回目标条目到初始位置。

7.一种javascript拖拽装置,其特征在于,包括:

条目获取模块,用于根据用户选择指令获取目标条目;

指令获取模块,用于获取用户释放指令;

查找模块,预先设置两个变量:forindex和bacindex;判断forindex是否大于容器总数,若forindex没有大于容器总数,则:从forindex开始向前循环5次,将forindex的值加5,并判断鼠标是否停留在该容器里面:若所述鼠标没有停留在该容器里面,则从bacindex开始向后循环5次,将bacindex的值减5,并判断鼠标是否停留在该容器里面,若所述鼠标没有停留在该容器里面,则再次判断forindex的值加5之后是否大于容器总数,若forindex的值加5之后没有大于容器总数,则从forindex的值加5之后开始向前循环,继续判断,直至forindex大于容器总数或所述鼠标停留在该容器里面,并返回该容器的序号作为目标容器,所述用户释放指令为所述鼠标放开按键时发出的指令;

位置确定模块,用于获取所述目标容器中每个条目位置,确定当前鼠标位置最近的条目位置;

处理模块,用于根据所述最近条目位置插入目标条目;

容器调整模块,用于根据插入目标条目后内所有条目的大小调整目标容器。

8.根据权利要求7所述的装置,其特征在于,所述装置还包括:

绑定模块,用于当打开页面时,将拖拽事件绑定到每个容器。

9.根据权利要求7或8所述的装置,其特征在于,所述条目获取模块具体用于根据鼠标按下时所在位置确定目标条目。

10.根据权利要求9所述的装置,其特征在于,所述装置还包括:

记录模块,用于记录目标条目所在容器中每个条目所在位置;

移动模块,用于当鼠标移动时,控制所述目标条目随鼠标移动;

调整模块,用于根据目标条目的移动调整容器中每个条目的位置。

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

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

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

×

专利文献下载

说明:

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

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

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

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

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

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

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

钻瓜专利网在线咨询

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

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