[发明专利]一种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所述的装置,其特征在于,所述装置还包括:
记录模块,用于记录目标条目所在容器中每个条目所在位置;
移动模块,用于当鼠标移动时,控制所述目标条目随鼠标移动;
调整模块,用于根据目标条目的移动调整容器中每个条目的位置。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于深圳市华傲数据技术有限公司,未经深圳市华傲数据技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201310341678.1/1.html,转载请声明来源钻瓜专利网。
- 上一篇:电子设备、输入装置以及控制方法
- 下一篇:一种信息处理方法及电子设备