本發(fā)明涉及信息技術(shù)領(lǐng)域，尤其涉及一種頁(yè)面元素的拖放方法及裝置。

背景技術(shù)：

jQuery UI是以jQuery為基礎(chǔ)的開源JavaScript網(wǎng)頁(yè)用戶界面代碼庫(kù)，包含底層用戶交互、動(dòng)畫、特效和可更換主題的可視控件，通過jQuery UI可以直接構(gòu)建具有很好交互性的web應(yīng)用程序，jQuery UI主要分為3個(gè)部分，分別為交互部分、微件部分和效果庫(kù)部分。其中，交互部分是一些與鼠標(biāo)交互相關(guān)的內(nèi)容，通過交互部分中的draggable函數(shù)(使選中的元素可以通過鼠標(biāo)拖動(dòng))和droppable函數(shù)(允許鼠標(biāo)拖動(dòng)的元素拖放到某對(duì)象中)兩個(gè)交互動(dòng)作，可以實(shí)現(xiàn)頁(yè)面元素拖放功能。

目前，jQuery UI提供的交互部分中的拖放功能只是針對(duì)頁(yè)面中原有頁(yè)面元素的拖放，如果對(duì)已拖放的頁(yè)面元素再次拖放，此時(shí)拖放的并不是已經(jīng)拖放的頁(yè)面元素，拖放元素的還是原有被拖放的頁(yè)面元素，因此現(xiàn)有的頁(yè)面元素的拖放準(zhǔn)確率低。

技術(shù)實(shí)現(xiàn)要素：

鑒于上述問題，提出了本發(fā)明，以便提供一種克服上述問題或者至少部分地解決上述問題的頁(yè)面元素的拖放方法及裝置。

為達(dá)到上述目的，本發(fā)明主要提供如下技術(shù)方案：

一方面，本發(fā)明實(shí)施例提供了一種頁(yè)面元素的拖放方法，該方法包括：

當(dāng)接收到頁(yè)面元素拖放指令時(shí)，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素，所述頁(yè)面元素拖放指令中攜帶有所述被拖放的頁(yè)面元素，所述復(fù)制的頁(yè)面元素和所述被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)；

將所述復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素；

將復(fù)制的允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。

另一方面，本發(fā)明實(shí)施例還提供了一種頁(yè)面元素的拖放裝置，該裝置包括：

復(fù)制單元，用于當(dāng)接收到頁(yè)面元素拖放指令時(shí)，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素，所述頁(yè)面元素拖放指令中攜帶有所述被拖放的頁(yè)面元素，所述復(fù)制的頁(yè)面元素和所述被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)；

配置單元，用于將所述復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素；

添加單元，用于將復(fù)制的允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。

借由上述技術(shù)方案，本發(fā)明實(shí)施例提供的技術(shù)方案至少具有下列優(yōu)點(diǎn)：

本發(fā)明實(shí)施例提供的一種頁(yè)面元素的拖放方法及裝置，當(dāng)接收到頁(yè)面元素拖放指令時(shí)，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素，所述頁(yè)面元素拖放指令中攜帶有所述被拖放的頁(yè)面元素，所述復(fù)制的頁(yè)面元素和所述被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)；將所述復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素；將復(fù)制的允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。與目前通過jQuery UI中提供的拖放功能只能對(duì)原有的頁(yè)面元素進(jìn)行拖放相比，本發(fā)明實(shí)施例當(dāng)接收到頁(yè)面元素拖放指令時(shí)，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素，然后將復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素，最后將復(fù)制到允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。由于本發(fā)明中添加到可拖放界面中的頁(yè)面元素是對(duì)被拖放頁(yè)面元素的復(fù)制，且復(fù)制后的頁(yè)面元素和被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)，因此對(duì)可拖放界面中的頁(yè)面元素進(jìn)行二次拖放時(shí)，并不會(huì)影響原有被拖放的頁(yè)面元素，從而提高了頁(yè)面元素二次拖放的準(zhǔn)確率。

附圖說明

通過閱讀下文優(yōu)選實(shí)施方式的詳細(xì)描述，各種其他的優(yōu)點(diǎn)和益處對(duì)于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實(shí)施方式的目的，而并不認(rèn)為是對(duì)本發(fā)明的限制。而且在整個(gè)附圖中，用相同的參考符號(hào)表示相同的部件。在附圖中：

圖1為本發(fā)明實(shí)施例提供的一種頁(yè)面元素的拖放方法流程圖；

圖2為本發(fā)明實(shí)施例提供的另一種頁(yè)面元素的拖放方法流程圖；

圖3為本發(fā)明實(shí)施例提供的一種頁(yè)面元素的拖放裝置的組成框圖；

圖4為本發(fā)明實(shí)施例提供的另一種頁(yè)面元素的拖放裝置的組成框圖。

具體實(shí)施方式

下面將參照附圖更詳細(xì)地描述本公開的示例性實(shí)施例。雖然附圖中顯示了本公開的示例性實(shí)施例，然而應(yīng)當(dāng)理解，可以以各種形式實(shí)現(xiàn)本公開而不應(yīng)被這里闡述的實(shí)施例所限制。相反，提供這些實(shí)施例是為了能夠更透徹地理解本公開，并且能夠?qū)⒈竟_的范圍完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。

為使本發(fā)明技術(shù)方案的優(yōu)點(diǎn)更加清楚，下面結(jié)合附圖和實(shí)施例對(duì)本發(fā)明作詳細(xì)說明。

本發(fā)明實(shí)施例提供了一種頁(yè)面元素的拖放方法，如圖1所示，所述方法包括：

S101、當(dāng)接收到頁(yè)面元素拖放指令時(shí)，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素。

其中，所述復(fù)制的頁(yè)面元素和所述被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)，復(fù)制的頁(yè)面元素和所述被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)是指復(fù)制的頁(yè)面元素和所述被拖放的頁(yè)面元素沒有從屬關(guān)系，復(fù)制的頁(yè)面元素和原有被拖放的頁(yè)面元素之間是相互獨(dú)立的個(gè)體，對(duì)復(fù)制的頁(yè)面進(jìn)行操作并不會(huì)影響被拖放的頁(yè)面元素。所述頁(yè)面元素具體可以為顯示頁(yè)面中的文字、圖片、音頻、動(dòng)畫、視頻、命令按鈕等元素，本發(fā)明實(shí)施例不做具體限定。

在本發(fā)明實(shí)施例中，當(dāng)用戶對(duì)顯示頁(yè)面中的某個(gè)頁(yè)面元素進(jìn)行拖拽時(shí)，系統(tǒng)則會(huì)接收到頁(yè)面元素拖放指令，且接收到的頁(yè)面元素拖放指令當(dāng)中攜帶有被拖放的頁(yè)面元素，然后根據(jù)預(yù)置功能函數(shù)復(fù)制所述被拖放的頁(yè)面元素。其中，預(yù)置功能函數(shù)用于實(shí)現(xiàn)復(fù)制被拖放的頁(yè)面元素，所述預(yù)置功能函數(shù)具體可以通過將jQuery UI中的draggable函數(shù)對(duì)應(yīng)的help配置參數(shù)設(shè)置為clone，然后在droppable函數(shù)中調(diào)用ui.draggable.clone方法，實(shí)現(xiàn)復(fù)制被拖放的頁(yè)面元素。

S102、將所述復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素。

其中，允許被拖動(dòng)的頁(yè)面元素是指可以通過鼠標(biāo)拖拽移動(dòng)的元素。在本發(fā)明實(shí)施例中，可以通過jQuery UI中的draggable函數(shù)將被復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素。

S103、將復(fù)制的允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。

其中，所述可拖放的界面為可添加或插入頁(yè)面元素的界面，所述可拖放的界面具體可以為元素編輯界面。在本發(fā)明實(shí)施例中，當(dāng)接收到頁(yè)面元素拖放指令時(shí)，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素，然后將復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素，最后將復(fù)制到允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中，從而實(shí)現(xiàn)了頁(yè)面元素的拖放。在本發(fā)明中，由于拖放的頁(yè)面元素是被拖放頁(yè)面元素的復(fù)制，且拖放到頁(yè)面元素和被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)，因此對(duì)已拖放的元素再次進(jìn)行拖放操作時(shí)并不會(huì)影響被原有的被拖放的頁(yè)面元素，從而提高了頁(yè)面元素二次拖放的準(zhǔn)確性。

本發(fā)明實(shí)施例提供的一種頁(yè)面元素的拖放方法，當(dāng)接收到頁(yè)面元素拖放指令時(shí)，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素，所述頁(yè)面元素拖放指令中攜帶有所述被拖放的頁(yè)面元素，所述復(fù)制的頁(yè)面元素和所述被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)；將所述復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素；將復(fù)制的允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。與目前通過jQuery UI中提供的拖放功能只能對(duì)原有的頁(yè)面元素進(jìn)行拖放相比，本發(fā)明實(shí)施例當(dāng)接收到頁(yè)面元素拖放指令時(shí)，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素，然后將復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素，最后將復(fù)制到允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。由于本發(fā)明中添加到可拖放界面中的頁(yè)面元素是對(duì)被拖放頁(yè)面元素的復(fù)制，且復(fù)制后的頁(yè)面元素和被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)，因此對(duì)可拖放界面中的頁(yè)面元素進(jìn)行二次拖放時(shí)，并不會(huì)影響原有被拖放的頁(yè)面元素，從而提高了頁(yè)面元素二次拖放的準(zhǔn)確率。

本發(fā)明實(shí)施例提供了另一種頁(yè)面元素的拖放方法，如圖2所示，所述方法包括：

S201、通過jQuery UI的draggable函數(shù)，將所述頁(yè)面元素中的help參數(shù)設(shè)置為clone。

其中，所述draggable函數(shù)用來(lái)使選中的元素可以通過鼠標(biāo)拖動(dòng)，所述clone參數(shù)用于表示拖放的頁(yè)面元素是被拖放的頁(yè)面元素的復(fù)制。

S202、當(dāng)接收到頁(yè)面元素拖放指令時(shí)，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素。

其中，所述復(fù)制的頁(yè)面元素和所述被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)，復(fù)制的頁(yè)面元素和所述被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)是指復(fù)制的頁(yè)面元素和所述被拖放的頁(yè)面元素沒有從屬關(guān)系，復(fù)制的頁(yè)面元素和原有被拖放的頁(yè)面元素之間是相互獨(dú)立的個(gè)體，對(duì)復(fù)制的頁(yè)面進(jìn)行操作并不會(huì)影響被拖放的頁(yè)面元素。所述頁(yè)面元素具體可以為顯示頁(yè)面中的文字、圖片、音頻、動(dòng)畫、視頻、命令按鈕等元素，本發(fā)明實(shí)施例不做具體限定。

在本發(fā)明實(shí)施例中，當(dāng)用戶對(duì)顯示頁(yè)面中的某個(gè)頁(yè)面元素進(jìn)行拖拽時(shí)，會(huì)接收到頁(yè)面元素拖放指令，且接收到的頁(yè)面元素拖放指令當(dāng)中攜帶有被拖放的頁(yè)面元素，然后根據(jù)預(yù)置功能函數(shù)復(fù)制所述被拖放的頁(yè)面元素。其中，預(yù)置功能函數(shù)用于實(shí)現(xiàn)復(fù)制被拖放的頁(yè)面元素。

對(duì)于本發(fā)明實(shí)施例，所述通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素包括：獲取jQuery UI中的event參數(shù)和ui參數(shù)；根據(jù)所述event參數(shù)和所述ui參數(shù)，調(diào)用ui.draggable.clone函數(shù)復(fù)制所述被拖放的頁(yè)面元素。其中，event參數(shù)代表事件的狀態(tài)，如觸發(fā)event對(duì)象的元素、鼠標(biāo)的位置及狀態(tài)、按下鍵等等，event對(duì)象只在事件發(fā)生的過程中才有效，所述ui參數(shù)表示頁(yè)面元素。在本發(fā)明實(shí)施例中，復(fù)制被拖放的頁(yè)面元素具體可以通過將jQuery UI中的draggable函數(shù)對(duì)應(yīng)的help配置參數(shù)設(shè)置為clone，當(dāng)接收到頁(yè)面元素拖放指令時(shí)，首先獲取被拖放的頁(yè)面元素的event參數(shù)和ui參數(shù)，然后在droppable函數(shù)中調(diào)用ui.draggable.clone方法實(shí)現(xiàn)復(fù)制被拖放的頁(yè)面元素。

S203、將所述復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素。

其中，允許被拖動(dòng)的頁(yè)面元素是指可以通過鼠標(biāo)拖拽移動(dòng)的元素。在本發(fā)明實(shí)施例中，對(duì)于本發(fā)明實(shí)施例，所述將所述復(fù)制后的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素包括：根據(jù)所述draggable功能函數(shù)，將所述復(fù)制 后的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素。

S204、將復(fù)制的允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。

其中，所述可拖放的界面為可添加或插入頁(yè)面元素的界面，所述可拖放的界面具體可以為元素編輯界面。在本發(fā)明實(shí)施例中，當(dāng)接收到頁(yè)面元素拖放指令時(shí)，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素，然后將復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素，最后將復(fù)制到允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中，從而實(shí)現(xiàn)了頁(yè)面元素的拖放。在本發(fā)明中，由于拖放的頁(yè)面元素是被拖放頁(yè)面元素的復(fù)制，且拖放到頁(yè)面元素和被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)，因此對(duì)已拖放的元素再次進(jìn)行拖放操作時(shí)并不會(huì)影響被原有的被拖放的頁(yè)面元素，從而提高了頁(yè)面元素二次拖放的準(zhǔn)確性。

對(duì)于本發(fā)明實(shí)施例，所述將復(fù)制的允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中包括：根據(jù)droppable功能函數(shù)，將復(fù)制的允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。在本發(fā)明實(shí)施例中，當(dāng)用戶通過長(zhǎng)按鼠標(biāo)按鍵拖拽頁(yè)面元素移動(dòng)到指定的位置后，松開鼠標(biāo)按鍵則會(huì)觸發(fā)droppable功能函數(shù)，在droppable功能函數(shù)中首先獲取event參數(shù)和ui參數(shù)，然后根據(jù)所述event參數(shù)和所述ui參數(shù)，調(diào)用ui.draggable.clone函數(shù)實(shí)現(xiàn)復(fù)制所述被拖放的頁(yè)面元素，再將復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素，最后將復(fù)制的允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中，從而實(shí)現(xiàn)了頁(yè)面元素的拖放。

對(duì)于本發(fā)明實(shí)施例，所述方法還包括：將所述draggable功能函數(shù)和droppable功能函數(shù)配置參數(shù)中的scope參數(shù)設(shè)置成相同的值。其中，所述scope參數(shù)表示頁(yè)面元素可拖放的范圍。在本發(fā)明實(shí)施例中，將所述draggable功能函數(shù)和droppable功能函數(shù)配置參數(shù)中的scope參數(shù)設(shè)置成相同的值，可以實(shí)現(xiàn)指定頁(yè)面元素移動(dòng)和放置的范圍，例如在draggable功能函數(shù)將頁(yè)面元素A設(shè)置的拖動(dòng)范圍為界面A，在droppable功能函數(shù)中將頁(yè)面元素A設(shè)置的放置范圍為界面A，則對(duì)頁(yè)面元素A進(jìn)行拖放時(shí)，頁(yè)面元素A僅可以在界面A當(dāng)中進(jìn)行移動(dòng)和放置。

對(duì)于本發(fā)明實(shí)施例，可以應(yīng)用的場(chǎng)景如下所示，但不僅限于此，包括： 接收頁(yè)面元素A的拖放指令，其中頁(yè)面元素A是可被復(fù)制的頁(yè)面元素，頁(yè)面元素A配置的可以移動(dòng)范圍為顯示界面B，然后通過預(yù)置功能函數(shù)復(fù)制頁(yè)面元素A，再對(duì)復(fù)制的頁(yè)面元素A配置成允許被拖動(dòng)的頁(yè)面元素，最后將復(fù)制的允許被拖動(dòng)的頁(yè)面元素A添加到顯示界面B當(dāng)中，從而實(shí)現(xiàn)了對(duì)頁(yè)面元素A的拖放操作。在本發(fā)明中，由于拖放的頁(yè)面元素是被拖放頁(yè)面元素的復(fù)制，且拖放到頁(yè)面元素和被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)，因此對(duì)已拖放的元素再次進(jìn)行拖放操作時(shí)并不會(huì)影響被原有的被拖放的頁(yè)面元素，從而提高了頁(yè)面元素二次拖放的準(zhǔn)確性。

本發(fā)明實(shí)施例提供的另一種頁(yè)面元素的拖放方法，當(dāng)接收到頁(yè)面元素拖放指令時(shí)，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素，所述頁(yè)面元素拖放指令中攜帶有所述被拖放的頁(yè)面元素，所述復(fù)制的頁(yè)面元素和所述被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)；將所述復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素；將復(fù)制的允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。與目前通過jQuery UI中提供的拖放功能只能對(duì)原有的頁(yè)面元素進(jìn)行拖放相比，本發(fā)明實(shí)施例當(dāng)接收到頁(yè)面元素拖放指令時(shí)，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素，然后將復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素，最后將復(fù)制到允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。由于本發(fā)明中添加到可拖放界面中的頁(yè)面元素是對(duì)被拖放頁(yè)面元素的復(fù)制，且復(fù)制后的頁(yè)面元素和被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)，因此對(duì)可拖放界面中的頁(yè)面元素進(jìn)行二次拖放時(shí)，并不會(huì)影響原有被拖放的頁(yè)面元素，從而提高了頁(yè)面元素二次拖放的準(zhǔn)確率。

進(jìn)一步地，本發(fā)明實(shí)施例提供一種頁(yè)面元素的拖放裝置，如圖3所示，所述裝置包括：復(fù)制單元31、配置單元32、添加單元33。

復(fù)制單元31，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素，所述頁(yè)面元素拖放指令中攜帶有所述被拖放的頁(yè)面元素，所述復(fù)制的頁(yè)面元素和所述被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)。

配置單元32，用于將所述復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素。

添加單元33，用于將復(fù)制的允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界 面中。

需要說明的是，本發(fā)明實(shí)施例提供的一種頁(yè)面元素的拖放裝置所涉及各功能單元的其他相應(yīng)描述，可以參考圖1所示方法的對(duì)應(yīng)描述，在此不再贅述，但應(yīng)當(dāng)明確，本實(shí)施例中的裝置能夠?qū)?yīng)實(shí)現(xiàn)前述方法實(shí)施例中的全部?jī)?nèi)容。

本發(fā)明實(shí)施例提供的一種頁(yè)面元素的拖放裝置，當(dāng)接收到頁(yè)面元素拖放指令時(shí)，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素，所述頁(yè)面元素拖放指令中攜帶有所述被拖放的頁(yè)面元素，所述復(fù)制的頁(yè)面元素和所述被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)；將所述復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素；將復(fù)制的允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。與目前通過jQuery UI中提供的拖放功能只能對(duì)原有的頁(yè)面元素進(jìn)行拖放相比，本發(fā)明實(shí)施例當(dāng)接收到頁(yè)面元素拖放指令時(shí)，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素，然后將復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素，最后將復(fù)制到允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。由于本發(fā)明中添加到可拖放界面中的頁(yè)面元素是對(duì)被拖放頁(yè)面元素的復(fù)制，且復(fù)制后的頁(yè)面元素和被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)，因此對(duì)可拖放界面中的頁(yè)面元素進(jìn)行二次拖放時(shí)，并不會(huì)影響原有被拖放的頁(yè)面元素，從而提高了頁(yè)面元素二次拖放的準(zhǔn)確率。

進(jìn)一步地，本發(fā)明實(shí)施例提供另一種頁(yè)面元素的拖放裝置，如圖4所示，所述裝置包括：復(fù)制單元41、配置單元42、添加單元43。

復(fù)制單元41，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素，所述頁(yè)面元素拖放指令中攜帶有所述被拖放的頁(yè)面元素，所述復(fù)制的頁(yè)面元素和所述被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)。

配置單元42，用于將所述復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素。

添加單元43，用于將復(fù)制的允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。

進(jìn)一步地，所述裝置還包括：

設(shè)置單元44，用于通過jQuery UI的draggable函數(shù)，將所述頁(yè)面元素 的中的help參數(shù)設(shè)置為clone，所述clone參數(shù)用于表示拖放的頁(yè)面元素是被拖放的頁(yè)面元素的復(fù)制。

所述復(fù)制單元41包括：

獲取模塊411，用于獲取jQuery UI中的event參數(shù)和ui參數(shù)。

復(fù)制模塊412，用于根據(jù)所述event參數(shù)和所述ui參數(shù)，調(diào)用ui.draggable.clone函數(shù)復(fù)制所述被拖放的頁(yè)面元素。

所述配置單元42，具體用于根據(jù)所述draggable功能函數(shù)，將所述復(fù)制后的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素。

所述添加單元43，具體用于根據(jù)droppable功能函數(shù)，將復(fù)制的允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。

所述設(shè)置單元，還用于將所述draggable功能函數(shù)和droppable功能函數(shù)配置參數(shù)中的scope參數(shù)設(shè)置成相同的值。

需要說明的是，本發(fā)明實(shí)施例提供的另一種頁(yè)面元素的拖放裝置所涉及各功能單元的其他相應(yīng)描述，可以參考圖2所示方法的對(duì)應(yīng)描述，在此不再贅述，但應(yīng)當(dāng)明確，本實(shí)施例中的裝置能夠?qū)?yīng)實(shí)現(xiàn)前述方法實(shí)施例中的全部?jī)?nèi)容。

本發(fā)明實(shí)施例提供的另一種頁(yè)面元素的拖放裝置，當(dāng)接收到頁(yè)面元素拖放指令時(shí)，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素，所述頁(yè)面元素拖放指令中攜帶有所述被拖放的頁(yè)面元素，所述復(fù)制的頁(yè)面元素和所述被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)；將所述復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素；將復(fù)制的允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。與目前通過jQuery UI中提供的拖放功能只能對(duì)原有的頁(yè)面元素進(jìn)行拖放相比，本發(fā)明實(shí)施例當(dāng)接收到頁(yè)面元素拖放指令時(shí)，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素，然后將復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素，最后將復(fù)制到允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。由于本發(fā)明中添加到可拖放界面中的頁(yè)面元素是對(duì)被拖放頁(yè)面元素的復(fù)制，且復(fù)制后的頁(yè)面元素和被拖放的頁(yè)面元素之間無(wú)關(guān)聯(lián)，因此對(duì)可拖放界面中的頁(yè)面元素進(jìn)行二次拖放時(shí)，并不會(huì)影響原有被拖放的頁(yè)面元素，從而提高了頁(yè)面元素二次拖放的準(zhǔn)確率。

所述頁(yè)面元素的拖放裝置包括處理器和存儲(chǔ)器，上述復(fù)制單元、配置單元、添加單元、設(shè)置單元等均作為程序單元存儲(chǔ)在存儲(chǔ)器中，由處理器執(zhí)行存儲(chǔ)在存儲(chǔ)器中的上述程序單元來(lái)實(shí)現(xiàn)相應(yīng)的功能。

處理器中包含內(nèi)核，由內(nèi)核去存儲(chǔ)器中調(diào)取相應(yīng)的程序單元。內(nèi)核可以設(shè)置一個(gè)或以上，通過調(diào)整內(nèi)核參數(shù)來(lái)提高頁(yè)面元素拖放的準(zhǔn)確率。

存儲(chǔ)器可能包括計(jì)算機(jī)可讀介質(zhì)中的非永久性存儲(chǔ)器，隨機(jī)存取存儲(chǔ)器(RAM)和/或非易失性內(nèi)存等形式，如只讀存儲(chǔ)器(ROM)或閃存(flash RAM)，存儲(chǔ)器包括至少一個(gè)存儲(chǔ)芯片。

本申請(qǐng)還提供了一種計(jì)算機(jī)程序產(chǎn)品，當(dāng)在數(shù)據(jù)處理設(shè)備上執(zhí)行時(shí)，適于執(zhí)行初始化有如下方法步驟的程序代碼：當(dāng)接收到頁(yè)面元素拖放指令時(shí)，通過預(yù)置功能函數(shù)復(fù)制被拖放的頁(yè)面元素，所述復(fù)制的頁(yè)面元素和原有被拖放的頁(yè)面元素?zé)o關(guān)聯(lián)；將所述復(fù)制的頁(yè)面元素配置成允許被拖動(dòng)的頁(yè)面元素；將復(fù)制的允許被拖動(dòng)的頁(yè)面元素添加到可拖放的界面中。

本領(lǐng)域內(nèi)的技術(shù)人員應(yīng)明白，本申請(qǐng)的實(shí)施例可提供為方法、系統(tǒng)、或計(jì)算機(jī)程序產(chǎn)品。因此，本申請(qǐng)可采用完全硬件實(shí)施例、完全軟件實(shí)施例、或結(jié)合軟件和硬件方面的實(shí)施例的形式。而且，本申請(qǐng)可采用在一個(gè)或多個(gè)其中包含有計(jì)算機(jī)可用程序代碼的計(jì)算機(jī)可用存儲(chǔ)介質(zhì)(包括但不限于磁盤存儲(chǔ)器、CD-ROM、光學(xué)存儲(chǔ)器等)上實(shí)施的計(jì)算機(jī)程序產(chǎn)品的形式。

本申請(qǐng)是參照根據(jù)本申請(qǐng)實(shí)施例的方法、設(shè)備(系統(tǒng))、和計(jì)算機(jī)程序產(chǎn)品的流程圖和/或方框圖來(lái)描述的。應(yīng)理解可由計(jì)算機(jī)程序指令實(shí)現(xiàn)流程圖和/或方框圖中的每一流程和/或方框、以及流程圖和/或方框圖中的流程和/或方框的結(jié)合。可提供這些計(jì)算機(jī)程序指令到通用計(jì)算機(jī)、專用計(jì)算機(jī)、嵌入式處理機(jī)或其他可編程數(shù)據(jù)處理設(shè)備的處理器以產(chǎn)生一個(gè)機(jī)器，使得通過計(jì)算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備的處理器執(zhí)行的指令產(chǎn)生用于實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能的裝置。

這些計(jì)算機(jī)程序指令也可存儲(chǔ)在能引導(dǎo)計(jì)算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備以特定方式工作的計(jì)算機(jī)可讀存儲(chǔ)器中，使得存儲(chǔ)在該計(jì)算機(jī)可讀存 儲(chǔ)器中的指令產(chǎn)生包括指令裝置的制造品，該指令裝置實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能。

這些計(jì)算機(jī)程序指令也可裝載到計(jì)算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備上，使得在計(jì)算機(jī)或其他可編程設(shè)備上執(zhí)行一系列操作步驟以產(chǎn)生計(jì)算機(jī)實(shí)現(xiàn)的處理，從而在計(jì)算機(jī)或其他可編程設(shè)備上執(zhí)行的指令提供用于實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能的步驟。

在一個(gè)典型的配置中，計(jì)算設(shè)備包括一個(gè)或多個(gè)處理器(CPU)、輸入/輸出接口、網(wǎng)絡(luò)接口和內(nèi)存。

存儲(chǔ)器可能包括計(jì)算機(jī)可讀介質(zhì)中的非永久性存儲(chǔ)器，隨機(jī)存取存儲(chǔ)器(RAM)和/或非易失性內(nèi)存等形式，如只讀存儲(chǔ)器(ROM)或閃存(flash RAM)。存儲(chǔ)器是計(jì)算機(jī)可讀介質(zhì)的示例。

計(jì)算機(jī)可讀介質(zhì)包括永久性和非永久性、可移動(dòng)和非可移動(dòng)媒體可以由任何方法或技術(shù)來(lái)實(shí)現(xiàn)信息存儲(chǔ)。信息可以是計(jì)算機(jī)可讀指令、數(shù)據(jù)結(jié)構(gòu)、程序的模塊或其他數(shù)據(jù)。計(jì)算機(jī)的存儲(chǔ)介質(zhì)的例子包括，但不限于相變內(nèi)存(PRAM)、靜態(tài)隨機(jī)存取存儲(chǔ)器(SRAM)、動(dòng)態(tài)隨機(jī)存取存儲(chǔ)器(DRAM)、其他類型的隨機(jī)存取存儲(chǔ)器(RAM)、只讀存儲(chǔ)器(ROM)、電可擦除可編程只讀存儲(chǔ)器(EEPROM)、快閃記憶體或其他內(nèi)存技術(shù)、只讀光盤只讀存儲(chǔ)器(CD-ROM)、數(shù)字多功能光盤(DVD)或其他光學(xué)存儲(chǔ)、磁盒式磁帶，磁帶磁磁盤存儲(chǔ)或其他磁性存儲(chǔ)設(shè)備或任何其他非傳輸介質(zhì)，可用于存儲(chǔ)可以被計(jì)算設(shè)備訪問的信息。按照本文中的界定，計(jì)算機(jī)可讀介質(zhì)不包括暫存電腦可讀媒體(transitory media)，如調(diào)制的數(shù)據(jù)信號(hào)和載波。

以上僅為本申請(qǐng)的實(shí)施例而已，并不用于限制本申請(qǐng)。對(duì)于本領(lǐng)域技術(shù)人員來(lái)說，本申請(qǐng)可以有各種更改和變化。凡在本申請(qǐng)的精神和原理之內(nèi)所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本申請(qǐng)的權(quán)利要求范圍之內(nèi)。