一種javascript拖拽方法和裝置制造方法
【專利摘要】本申請(qǐng)?zhí)峁┝艘环Njavascript拖拽方法，包括：根據(jù)用戶選擇指令獲取目標(biāo)條目；獲取用戶釋放指令；根據(jù)所述用戶釋放指令確定鼠標(biāo)當(dāng)前所在的目標(biāo)容器；獲取所述目標(biāo)容器中每個(gè)條目位置，確定當(dāng)前鼠標(biāo)位置最近的條目位置；根據(jù)所述最近條目位置插入目標(biāo)條目。本發(fā)明實(shí)施例還提供了對(duì)應(yīng)的裝置。本發(fā)明實(shí)施例通過(guò)先確定容器位置，再在容器中確定目標(biāo)條目以及目標(biāo)條目插入的位置，減少了遍歷條目時(shí)的數(shù)量，減小了計(jì)算量，提高了反應(yīng)速度。
【專利說(shuō)明】—種javascript拖拽方法和裝置

【技術(shù)領(lǐng)域】
[0001]本申請(qǐng)涉及javascript【技術(shù)領(lǐng)域】,特別是涉及一種javascript拖拽方法和裝置。

【背景技術(shù)】
[0002]在javascript應(yīng)用中，經(jīng)常會(huì)有用戶需要將某個(gè)條目移動(dòng)位置的拖拽操作需求，在現(xiàn)有的拖拽方案中，拖拽的初始化的時(shí)候?qū)⑼献?dòng)作綁定到每個(gè)容器，保證容器中的每條符合要求的條目可拖拽。在拖拽中遍歷每一個(gè)容器中每一個(gè)可拖拽條目，將每一個(gè)條目添加到數(shù)組中，將數(shù)組中每一個(gè)條目的相對(duì)位置存放到數(shù)組中。當(dāng)鼠標(biāo)下落以后，根據(jù)鼠標(biāo)所在的位置，在遍歷數(shù)組中所有條目，確定目標(biāo)條目在哪一條數(shù)據(jù)附近，在根據(jù)鼠標(biāo)松開時(shí)，目標(biāo)條目的具體位置決定在插入到當(dāng)前條目的前面還是后面。最后再次初始化所有可拖拽條目的位置。
[0003]傳統(tǒng)的技術(shù)方案在拖拽時(shí)多次初始化每一個(gè)容器中的每一條條目，這樣操作的結(jié)果是，當(dāng)拖拽條目的數(shù)量很大時(shí)，每次都需要遍歷所有的條目，運(yùn)行效果很慢，甚至在部分瀏覽器中出現(xiàn)警告信息。與此同時(shí)，在鼠標(biāo)松起的時(shí)候，也需要遍歷每一個(gè)條目，這樣當(dāng)條目很多的時(shí)候會(huì)因?yàn)樾枰姎v太多條目，導(dǎo)致速度變慢。


【發(fā)明內(nèi)容】

[0004]本申請(qǐng)所要解決的技術(shù)問(wèn)題是提供一種javascript拖拽方法可以快速確定拖拽的目標(biāo)條目以及快速查找到需插入目標(biāo)條目的位置。
[0005]相應(yīng)的，本申請(qǐng)還提供了針對(duì)上述javascript拖拽方法本申請(qǐng)還提供了對(duì)應(yīng)的
>J-U ρ?α裝直。
[0006]為了解決上述問(wèn)題，本申請(qǐng)公開了一種javascript拖拽方法，包括:
[0007]根據(jù)用戶選擇指令獲取目標(biāo)條目；
[0008]獲取用戶釋放指令；
[0009]根據(jù)所述用戶釋放指令確定鼠標(biāo)當(dāng)前所在的目標(biāo)容器；
[0010]獲取所述目標(biāo)容器中每個(gè)條目位置，確定當(dāng)前鼠標(biāo)位置最近的條目位置；
[0011 ]根據(jù)所述最近條目位置插入目標(biāo)條目。
[0012]進(jìn)一步，所述根據(jù)用戶選擇指令獲取目標(biāo)條目前還包括:
[0013]當(dāng)打開頁(yè)面時(shí)，將拖拽事件綁定到每個(gè)容器。
[0014]進(jìn)一步，所述根據(jù)用戶選擇指令獲取目標(biāo)條目包括:
[0015]根據(jù)鼠標(biāo)按下時(shí)所在位置確定目標(biāo)條目。
[0016]進(jìn)一步，所述根據(jù)用戶選擇指令獲取目標(biāo)條目后還包括:
[0017]記錄目標(biāo)條目所在容器中每個(gè)條目所在位置；
[0018]當(dāng)鼠標(biāo)移動(dòng)時(shí)，控制所述目標(biāo)條目隨鼠標(biāo)移動(dòng)；
[0019]根據(jù)目標(biāo)條目的移動(dòng)調(diào)整容器中每個(gè)條目的位置。
[0020]進(jìn)一步，所述根據(jù)最近條目位置插入目標(biāo)條目包括:
[0021]根據(jù)最近條目位置，按照預(yù)置規(guī)則插入目標(biāo)條目；
[0022]更新目標(biāo)條目位置后所有條目位置。
[0023]進(jìn)一步，所述根據(jù)最近條目位置插入目標(biāo)條目后包括:
[0024]根據(jù)插入目標(biāo)條目后內(nèi)所有條目的大小調(diào)整目標(biāo)容器。
[0025]進(jìn)一步，所述獲取用戶釋放指令后包括:
[0026]當(dāng)根據(jù)所述用戶釋放指令無(wú)法確定鼠標(biāo)當(dāng)前所在的目標(biāo)容器時(shí)，返回目標(biāo)條目到初始位置。
[0027]本申請(qǐng)還提供了一種javascript拖拽裝置，包括:
[0028]條目獲取模塊，用于根據(jù)用戶選擇指令獲取目標(biāo)條目；
[0029]指令獲取模塊，用于獲取用戶釋放指令；
[0030]查找模塊，用于根據(jù)所述用戶釋放指令確定鼠標(biāo)當(dāng)前所在的目標(biāo)容器；
[0031]位置確定模塊，用于獲取所述目標(biāo)容器中每個(gè)條目位置，確定當(dāng)前鼠標(biāo)位置最近的條目位置；
[0032]處理模塊，用于根據(jù)所述最近條目位置插入目標(biāo)條目。
[0033]進(jìn)一步，所述裝置還包括:
[0034]綁定模塊，用于當(dāng)打開頁(yè)面時(shí)，將拖拽事件綁定到每個(gè)容器。
[0035]進(jìn)一步，所述條目獲取模塊具體用于根據(jù)鼠標(biāo)按下時(shí)所在位置確定目標(biāo)條目。
[0036]進(jìn)一步，所述裝置還包括:
[0037]記錄模塊，用于記錄目標(biāo)條目所在容器中每個(gè)條目所在位置；
[0038]移動(dòng)模塊，用于當(dāng)鼠標(biāo)移動(dòng)時(shí)，控制所述目標(biāo)條目隨鼠標(biāo)移動(dòng)；
[0039]調(diào)整模塊，用于根據(jù)目標(biāo)條目的移動(dòng)調(diào)整容器中每個(gè)條目的位置。
[0040]進(jìn)一步，所述處理模塊包括:
[0041]插入模塊，用于根據(jù)最近條目位置，按照預(yù)置規(guī)則插入目標(biāo)條目；
[0042]條目調(diào)整模塊，用于更新目標(biāo)條目位置后所有條目位置。
[0043]進(jìn)一步，所述裝置還包括:
[0044]容器調(diào)整模塊，用于根據(jù)插入目標(biāo)條目后內(nèi)所有條目的大小調(diào)整目標(biāo)容器。
[0045]進(jìn)一步，所述處理模塊還用于:
[0046]當(dāng)根據(jù)所述用戶釋放指令無(wú)法確定鼠標(biāo)當(dāng)前所在的目標(biāo)容器時(shí)，返回目標(biāo)條目到初始位置。
[0047]與現(xiàn)有技術(shù)相此，本申請(qǐng)包括以下優(yōu)點(diǎn):本申請(qǐng)中通過(guò)先確定容器位置，再在容器中確定目標(biāo)條目以及目標(biāo)條目插入的位置，減少了遍歷條目時(shí)的數(shù)量，減小了計(jì)算量，提高了反應(yīng)速度。

【專利附圖】

【附圖說(shuō)明】
[0048]圖1是本發(fā)明一種javascript拖拽方法一實(shí)施例的流程示意圖；
[0049]圖2是本發(fā)明一種javascript拖拽方法一實(shí)施例中條目查詢流程圖；
[0050]圖3是本發(fā)明一種javascript拖拽裝置一實(shí)施例的結(jié)構(gòu)示意圖。

【具體實(shí)施方式】
[0051]為使本申請(qǐng)的上述目的、特征和優(yōu)點(diǎn)能夠更加明顯易懂，下面結(jié)合附圖和【具體實(shí)施方式】對(duì)本申請(qǐng)作進(jìn)一步詳細(xì)的說(shuō)明。
[0052]參照?qǐng)D1,示出了本申請(qǐng)一種javascript拖拽方法，包括:
[0053]步驟S101、根據(jù)用戶選擇指令獲取目標(biāo)條目；
[0054]進(jìn)一步,如果javascript頁(yè)面首次被打開時(shí)，javascript將拖拽事件綁定到每個(gè)容器。拖拽事件綁定到容器上的時(shí)候，會(huì)給每個(gè)條目綁定一個(gè)datalndex,根據(jù)datalndex確定哪些容器中的哪些條目是可以拖拽的。在拖拽前，根據(jù)拖拽前的parent ()方法可以輕松獲取容器，但是獲取容器以后需要記錄容器中的每一個(gè)可拖拽條目的位置，記錄在數(shù)組中，并初始化每一個(gè)可拖拽條目的狀態(tài)。
[0055]在初始化頁(yè)面的時(shí)候給每個(gè)容器賦予特殊屬性，以后拖拽就是根據(jù)該屬性遍歷容器；其中構(gòu)造完成以后的div曾如下:
[0056]〈div id = " xxx〃 class = " xxxx" data-listidx = 〃 0〃 ></div>
[0057]其中，0為可拖拽的索引值。
[0058]在容器中有一個(gè)data-listidx，它的值是用來(lái)確定容器的標(biāo)識(shí)符，只有擁有該標(biāo)識(shí)符的容器中的選項(xiàng)才能被拖拽。
[0059]所述根據(jù)用戶選擇指令獲取目標(biāo)條目包括:
[0060]根據(jù)鼠標(biāo)按下時(shí)所在位置確定目標(biāo)條目。
[0061]具體的，當(dāng)用戶需要拖拽某個(gè)條目時(shí)，用戶需要將鼠標(biāo)移動(dòng)到該條目上，然后按下鼠標(biāo)對(duì)應(yīng)按鍵(可以是鼠標(biāo)左鍵)，此時(shí)系統(tǒng)認(rèn)定用戶輸入了選擇指令。當(dāng)鼠標(biāo)按鍵落下以后，根據(jù)鼠標(biāo)的位置，確定離鼠標(biāo)最近的拖拽項(xiàng)為目標(biāo)條目。
[0062]進(jìn)一步，所述根據(jù)用戶選擇指令獲取目標(biāo)條目后還包括:
[0063]記錄目標(biāo)條目所在容器中每個(gè)條目所在位置；
[0064]當(dāng)鼠標(biāo)移動(dòng)時(shí)，控制所述目標(biāo)條目隨鼠標(biāo)移動(dòng)；
[0065]根據(jù)目標(biāo)條目的移動(dòng)調(diào)整容器中每個(gè)條目的位置。
[0066]當(dāng)鼠標(biāo)按鍵處于按下狀態(tài)時(shí)，用戶移動(dòng)鼠標(biāo)則目標(biāo)條目跟隨鼠標(biāo)移動(dòng)，且調(diào)整容器中其它條目的位置，此如，當(dāng)目標(biāo)條目在該容器中位于第二位置，當(dāng)目標(biāo)條目隨鼠標(biāo)移動(dòng)到第三位置時(shí)，原第三位置條目移動(dòng)到第二位置；當(dāng)目標(biāo)條目移動(dòng)到第四位置時(shí)，原第三位置條目移動(dòng)到第二位置，原第四位置條目移動(dòng)到第三位置。
[0067]步驟S102、獲取用戶釋放指令；
[0068]當(dāng)用戶移動(dòng)目標(biāo)條目到目標(biāo)位置后，需要將目標(biāo)條目插入到目標(biāo)位置時(shí)，僅需放開鼠標(biāo)按鍵，系統(tǒng)則認(rèn)定用戶輸入了釋放指令。
[0069]步驟S103、根據(jù)所述用戶釋放指令確定鼠標(biāo)當(dāng)前所在的目標(biāo)容器；
[0070]確定鼠標(biāo)當(dāng)前所在的目標(biāo)容器的步驟可以采用如下方式(以目標(biāo)容器為第七個(gè)容器為例):
[0071]A、首先本發(fā)明實(shí)施例中預(yù)先設(shè)置兩個(gè)變量:forindex和bacindex,他們之前的初始值都是原始容器的序號(hào)；
[0072]B、首先判斷forindex是否大于容器總數(shù)，由于本例中明顯不是；
[0073]C、從forindex開始循環(huán)，向前循環(huán)5次，查看每一個(gè)容器的位置，判斷鼠標(biāo)是否停在該容器里面，由于本例中是在第七個(gè)容器中，所以沒(méi)有找到目標(biāo)容器；
[0074]D、Forindex的值加5,這樣保證下一次會(huì)從當(dāng)前循環(huán)停止點(diǎn)開始循環(huán)；
[0075]E、從bacindex開始循環(huán)，向后循環(huán)5次，查看每一個(gè)容器的位置，判斷鼠標(biāo)是否停在該容器里面。
[0076]本例中沒(méi)有停在容器里面:
[0077]F、Bacindex的值減5,保證下一次循環(huán)從當(dāng)前循環(huán)的截止點(diǎn)開始；
[0078]G、再次判斷forindex是否大于容器總數(shù)，本例中任然沒(méi)有大于容器總數(shù)；
[0079]H、從上一次得出的forindex開始循環(huán)，向前查看每一個(gè)容器的位置，當(dāng)找到第二個(gè)容器時(shí)，發(fā)現(xiàn)鼠標(biāo)停下的位置在該容器里面，返回該容器的序號(hào)。
[0080]步驟S104、獲取所述目標(biāo)容器中每個(gè)條目位置，確定當(dāng)前鼠標(biāo)位置最近的條目位置；
[0081]獲取目標(biāo)容器序號(hào)后，根據(jù)目標(biāo)容器的序號(hào)，獲取目標(biāo)容器，初始化目標(biāo)容器的每一個(gè)條目，把目標(biāo)容器內(nèi)的每一個(gè)條目的位置放在數(shù)組中；
[0082]根據(jù)數(shù)組中記錄的每一條目的位置，獲取離鼠標(biāo)停下的位置最近的條目。
[0083]步驟S105、根據(jù)所述最近條目位置插入目標(biāo)條目。
[0084]進(jìn)一步，本步驟可以根據(jù)最近條目位置，按照預(yù)置規(guī)則插入目標(biāo)條目；
[0085]更新目標(biāo)條目位置后所有條目位置。
[0086]在獲取到離鼠標(biāo)停下釋放按鍵的位置最近的條目，然后根據(jù)預(yù)置的規(guī)則將目標(biāo)條目插入到該條目之前或者之后。
[0087]進(jìn)一步，在插入目標(biāo)條目之后也需要根據(jù)插入目標(biāo)條目后內(nèi)所有條目的大小調(diào)整目標(biāo)容器。
[0088]插入目標(biāo)條目之后，目標(biāo)容器的大小可能需要調(diào)整才能適應(yīng)當(dāng)前條目數(shù)量，可以根據(jù)預(yù)置的調(diào)整規(guī)則對(duì)目標(biāo)容器以及目標(biāo)條目原本所在容器的大小進(jìn)行調(diào)整。
[0089]進(jìn)一步，當(dāng)根據(jù)所述用戶釋放指令無(wú)法確定鼠標(biāo)當(dāng)前所在的目標(biāo)容器時(shí)，返回目標(biāo)條目到初始位置。
[0090]本發(fā)明實(shí)施例通過(guò)先確定容器位置，再在容器中確定目標(biāo)條目以及目標(biāo)條目插入的位置，減少了遍歷條目時(shí)的數(shù)量，減小了計(jì)算量，提高了反應(yīng)速度。
[0091]對(duì)于裝置實(shí)施例而言，由于其與方法實(shí)施例基本相似，所以描述的比較簡(jiǎn)單，相關(guān)之處參見方法實(shí)施例的部分說(shuō)明即可。
[0092]如圖3所示為本發(fā)明一種javascript拖拽裝置一實(shí)施例的結(jié)構(gòu)示意圖，包括:
[0093]條目獲取模塊301，用于根據(jù)用戶選擇指令獲取目標(biāo)條目；
[0094]指令獲取模塊302，用于獲取用戶釋放指令；
[0095]查找模塊303，用于根據(jù)所述用戶釋放指令確定鼠標(biāo)當(dāng)前所在的目標(biāo)容器；
[0096]位置確定模塊304，用于獲取所述目標(biāo)容器中每個(gè)條目位置，確定當(dāng)前鼠標(biāo)位置最近的條目位置；
[0097]處理模塊305，用于根據(jù)所述最近條目位置插入目標(biāo)條目。
[0098]進(jìn)一步，所述裝置還包括:
[0099]綁定模塊306，用于當(dāng)打開頁(yè)面時(shí)，將拖拽事件綁定到每個(gè)容器。
[0100]進(jìn)一步，所述條目獲取模塊301具體用于根據(jù)鼠標(biāo)按下時(shí)所在位置確定目標(biāo)條目。
[0101]進(jìn)一步，所述裝置還包括:
[0102]記錄模塊307，用于記錄目標(biāo)條目所在容器中每個(gè)條目所在位置；
[0103]移動(dòng)模塊308，用于當(dāng)鼠標(biāo)移動(dòng)時(shí)，控制所述目標(biāo)條目隨鼠標(biāo)移動(dòng)；
[0104]調(diào)整模塊309，用于根據(jù)目標(biāo)條目的移動(dòng)調(diào)整容器中每個(gè)條目的位置。
[0105]進(jìn)一步，所述處理模塊35包括:
[0106]插入模塊3051，用于根據(jù)最近條目位置，按照預(yù)置規(guī)則插入目標(biāo)條目；
[0107]條目調(diào)整模塊3052，用于更新目標(biāo)條目位置后所有條目位置。
[0108]進(jìn)一步，所述裝置還包括:
[0109]容器調(diào)整模塊310，用于根據(jù)插入目標(biāo)條目后內(nèi)所有條目的大小調(diào)整目標(biāo)容器。
[0110]進(jìn)一步，所述處理模塊35還用于:
[0111]當(dāng)根據(jù)所述用戶釋放指令無(wú)法確定鼠標(biāo)當(dāng)前所在的目標(biāo)容器時(shí)，返回目標(biāo)條目到初始位置。
[0112]如果javascript頁(yè)面首次被打開時(shí)，本發(fā)明實(shí)施例提供的裝置將拖拽事件綁定到每個(gè)容器。拖拽事件綁定到容器上的時(shí)候，會(huì)給每個(gè)條目綁定一個(gè)datalndex，根據(jù)datalndex確定哪些容器中的哪些條目是可以拖拽的。在拖拽前，根據(jù)拖拽前的parent ()方法可以輕松獲取容器，但是獲取容器以后需要記錄容器中的每一個(gè)可拖拽條目的位置，記錄在數(shù)組中，并初始化每一個(gè)可拖拽條目的狀態(tài)。
[0113]當(dāng)用戶移動(dòng)目標(biāo)條目到目標(biāo)位置后，需要將目標(biāo)條目插入到目標(biāo)位置時(shí)，僅需放開鼠標(biāo)按鍵，系統(tǒng)則認(rèn)定用戶輸入了釋放指令。
[0114]如圖2所示，本發(fā)明實(shí)施例提供的裝置確定鼠標(biāo)當(dāng)前所在的目標(biāo)容器的步驟可以采用如下方式(以目標(biāo)容器為第七個(gè)容器為例):
[0115]A、首先本發(fā)明實(shí)施例中預(yù)先設(shè)置兩個(gè)變量:forindex和bacindex,他們之前的初始值都是原始容器的序號(hào)；
[0116]B、首先判斷forindex是否大于容器總數(shù)，由于本例中明顯不是；
[0117]C、從forindex開始循環(huán)，向前循環(huán)5次，查看每一個(gè)容器的位置，判斷鼠標(biāo)是否停在該容器里面，由于本例中是在第七個(gè)容器中，所以沒(méi)有找到目標(biāo)容器；
[0118]D、Forindex的值加5,這樣保證下一次會(huì)從當(dāng)前循環(huán)停止點(diǎn)開始循環(huán)；
[0119]E、從bacindex開始循環(huán)，向后循環(huán)5次，查看每一個(gè)容器的位置，判斷鼠標(biāo)是否停在該容器里面。
[0120]本例中沒(méi)有停在容器里面:
[0121]F、Bacindex的值減5,保證下一次循環(huán)從當(dāng)前循環(huán)的截止點(diǎn)開始；
[0122]G、再次判斷forindex是否大于容器總數(shù)，本例中任然沒(méi)有大于容器總數(shù)；
[0123]H、從上一次得出的forindex開始循環(huán)，向前查看每一個(gè)容器的位置，當(dāng)找到第二個(gè)容器時(shí)，發(fā)現(xiàn)鼠標(biāo)停下的位置在該容器里面，返回該容器的序號(hào)。
[0124]獲取目標(biāo)容器序號(hào)后，根據(jù)目標(biāo)容器的序號(hào)，獲取目標(biāo)容器，初始化目標(biāo)容器的每一個(gè)條目，把目標(biāo)容器內(nèi)的每一個(gè)條目的位置放在數(shù)組中；
[0125]根據(jù)數(shù)組中記錄的每一條目的位置，獲取離鼠標(biāo)停下的位置最近的條目。
[0126]本發(fā)明實(shí)施例通過(guò)先確定容器位置，再在容器中確定目標(biāo)條目以及目標(biāo)條目插入的位置，減少了遍歷條目時(shí)的數(shù)量，減小了計(jì)算量，提高了反應(yīng)速度。
[0127]以上對(duì)本申請(qǐng)所提供的一種javascript拖拽方法和裝置，進(jìn)行了詳細(xì)介紹，本文中應(yīng)用了具體個(gè)例對(duì)本申請(qǐng)的原理及實(shí)施方式進(jìn)行了闡述，以上實(shí)施例的說(shuō)明只是用于幫助理解本申請(qǐng)的方法及其核心思想；同時(shí)，對(duì)于本領(lǐng)域的一般技術(shù)人員，依據(jù)本申請(qǐng)的思想，在【具體實(shí)施方式】及應(yīng)用范圍上均會(huì)有改變之處，綜上所述，本說(shuō)明書內(nèi)容不應(yīng)理解為對(duì)本申請(qǐng)的限制。
【權(quán)利要求】
1.一種javascript拖拽方法,其特征在于,包括: 根據(jù)用戶選擇指令獲取目標(biāo)條目； 獲取用戶釋放指令； 根據(jù)所述用戶釋放指令確定鼠標(biāo)當(dāng)前所在的目標(biāo)容器； 獲取所述目標(biāo)容器中每個(gè)條目位置，確定當(dāng)前鼠標(biāo)位置最近的條目位置； 根據(jù)所述最近條目位置插入目標(biāo)條目。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)用戶選擇指令獲取目標(biāo)條目前還包括: 當(dāng)打開頁(yè)面時(shí)，將拖拽事件綁定到每個(gè)容器。
3.根據(jù)權(quán)利要求1或2所述的方法，其特征在于，所述根據(jù)用戶選擇指令獲取目標(biāo)條目包括: 根據(jù)鼠標(biāo)按下時(shí)所在位置確定目標(biāo)條目。
4.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述根據(jù)用戶選擇指令獲取目標(biāo)條目后還包括: 記錄目標(biāo)條目所在容器中每個(gè)條目所在位置； 當(dāng)鼠標(biāo)移動(dòng)時(shí)，控制所述目標(biāo)條目隨鼠標(biāo)移動(dòng)； 根據(jù)目標(biāo)條目的移動(dòng)調(diào)整容器中每個(gè)條目的位置。
5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)最近條目位置插入目標(biāo)條目包括: 根據(jù)最近條目位置，按照預(yù)置規(guī)則插入目標(biāo)條目； 更新目標(biāo)條目位置后所有條目位置。
6.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)最近條目位置插入目標(biāo)條目后包括: 根據(jù)插入目標(biāo)條目后內(nèi)所有條目的大小調(diào)整目標(biāo)容器。
7.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述獲取用戶釋放指令后包括: 當(dāng)根據(jù)所述用戶釋放指令無(wú)法確定鼠標(biāo)當(dāng)前所在的目標(biāo)容器時(shí)，返回目標(biāo)條目到初始位置。
8.一種javascript拖拽裝置,其特征在于,包括: 條目獲取模塊，用于根據(jù)用戶選擇指令獲取目標(biāo)條目； 指令獲取模塊，用于獲取用戶釋放指令； 查找模塊，用于根據(jù)所述用戶釋放指令確定鼠標(biāo)當(dāng)前所在的目標(biāo)容器； 位置確定模塊，用于獲取所述目標(biāo)容器中每個(gè)條目位置，確定當(dāng)前鼠標(biāo)位置最近的條目位置； 處理模塊，用于根據(jù)所述最近條目位置插入目標(biāo)條目。
9.根據(jù)權(quán)利要求8所述的裝置，其特征在于，所述裝置還包括: 綁定模塊，用于當(dāng)打開頁(yè)面時(shí)，將拖拽事件綁定到每個(gè)容器。
10.根據(jù)權(quán)利要求8或9所述的方法，其特征在于，所述條目獲取模塊具體用于根據(jù)鼠標(biāo)按下時(shí)所在位置確定目標(biāo)條目。
11.根據(jù)權(quán)利要求10所述的方法，其特征在于，所述裝置還包括: 記錄模塊，用于記錄目標(biāo)條目所在容器中每個(gè)條目所在位置； 移動(dòng)模塊，用于當(dāng)鼠標(biāo)移動(dòng)時(shí)，控制所述目標(biāo)條目隨鼠標(biāo)移動(dòng)； 調(diào)整模塊，用于根據(jù)目標(biāo)條目的移動(dòng)調(diào)整容器中每個(gè)條目的位置。
12.根據(jù)權(quán)利要求8所述的方法，其特征在于，所述處理模塊包括: 插入模塊，用于根據(jù)最近條目位置，按照預(yù)置規(guī)則插入目標(biāo)條目； 條目調(diào)整模塊，用于更新目標(biāo)條目位置后所有條目位置。
13.根據(jù)權(quán)利要求8所述的方法，其特征在于，所述裝置還包括: 容器調(diào)整模塊，用于根據(jù)插入目標(biāo)條目后內(nèi)所有條目的大小調(diào)整目標(biāo)容器。
14.根據(jù)權(quán)利要求8所述的方法，其特征在于，所述處理模塊還用于: 當(dāng)根據(jù)所述用戶釋放指令無(wú)法確定鼠標(biāo)當(dāng)前所在的目標(biāo)容器時(shí)，返回目標(biāo)條目到初始位置。
【文檔編號(hào)】G06F9/46GK104267883SQ201310341678
【公開日】2015年1月7日 申請(qǐng)日期:2013年7月30日 優(yōu)先權(quán)日:2013年7月30日
【發(fā)明者】黃驍, 賈西貝 申請(qǐng)人:深圳市華傲數(shù)據(jù)技術(shù)有限公司