[發(fā)明專利]一種實(shí)現(xiàn)頁面元素拖拽的方法及計(jì)算機(jī)設(shè)備

在審

• 申請(qǐng)?zhí)枺?/td>: 202111505981.1
• 申請(qǐng)日: 2021-12-10
• 公開（公告）號(hào): CN114356188A
• 公開（公告）日: 2022-04-15
• 發(fā)明（設(shè)計(jì)）人: 洪勤龍
• 申請(qǐng)（專利權(quán)）人: 深圳市優(yōu)必選科技股份有限公司
• 主分類號(hào): G06F3/04845
• 分類號(hào): G06F3/04845;G06F16/958
• 代理公司: 深圳中一聯(lián)合知識(shí)產(chǎn)權(quán)代理有限公司 44414
• 代理人: 任敏

本申請(qǐng)涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，提供了一種實(shí)現(xiàn)頁面元素拖拽的方法、實(shí)現(xiàn)頁面元素拖拽的裝置、計(jì)算機(jī)設(shè)備及計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)。其中，一種實(shí)現(xiàn)頁面元素拖拽的方法，在以元素響應(yīng)列表描述顯示頁面中各元素排序位置的基礎(chǔ)上，實(shí)現(xiàn)了在目標(biāo)元素被拖拽后，通過對(duì)元素響應(yīng)列表副本進(jìn)行排序更新得到新的元素響應(yīng)列表副本，進(jìn)而以該新的元素響應(yīng)列表副本表征目標(biāo)元素被拖拽后顯示頁面中各元素之間新的位置關(guān)系，以較為輕量級(jí)的方式實(shí)現(xiàn)頁面元素的拖拽，使得頁面元素拖拽方案能夠被應(yīng)用于更多的場景中，拓寬了頁面元素拖拽方案的適用范圍。

技術(shù)領(lǐng)域

本發(fā)明屬于互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種實(shí)現(xiàn)頁面元素拖拽的方法、實(shí)現(xiàn)頁面元素拖拽的裝置、計(jì)算機(jī)設(shè)備及計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)。

背景技術(shù)

目前，根據(jù)不同的信息推廣需求或者功能需求，在終端上展示各類具有交互功能的頁面已十分常見。例如，在計(jì)算機(jī)終端上顯示具有可操作元素的web頁面，用戶可以通過點(diǎn)擊鼠標(biāo)長按或者拖拽該可操作元素，進(jìn)而觸發(fā)web頁面的交互展示效果。

然而，現(xiàn)有技術(shù)中為了實(shí)現(xiàn)web頁面元素的可操作性或可交互性，基于web頁面原生的JavaScript文件引入功能較為全面的功能組件，從而導(dǎo)致web頁面的代碼內(nèi)容大幅增加，不僅容易對(duì)后續(xù)的web頁面內(nèi)容擴(kuò)展造成影響，還會(huì)導(dǎo)致web實(shí)現(xiàn)頁面元素拖拽的產(chǎn)生卡頓，影響用戶體驗(yàn)。

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

有鑒于此，本申請(qǐng)實(shí)施例提供了一種實(shí)現(xiàn)頁面元素拖拽的方法、實(shí)現(xiàn)頁面元素拖拽的裝置、計(jì)算機(jī)設(shè)備及計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，以解決現(xiàn)有技術(shù)中實(shí)現(xiàn)頁面元素拖拽的方案存在的適用范圍較小的問題。

本申請(qǐng)實(shí)施例的第一方面提供了一種實(shí)現(xiàn)頁面元素拖拽的方法，包括：

響應(yīng)于用戶對(duì)顯示頁面中的目標(biāo)元素觸發(fā)的拖拽操作，確定所述目標(biāo)元素在元素響應(yīng)列表副本中的第一排序值；

基于所述第一排序值與被替位元素在所述元素響應(yīng)列表副本中的第二排序值，對(duì)所述元素響應(yīng)列表副本進(jìn)行排序更新，得到新的元素響應(yīng)列表副本；其中，所述第二排序值是在用戶對(duì)所述目標(biāo)元素進(jìn)行拖拽的過程中確定得到；

根據(jù)所述新的元素響應(yīng)列表副本對(duì)所述顯示頁面進(jìn)行刷新，顯示所述目標(biāo)元素被拖拽后的新頁面。

本申請(qǐng)實(shí)施例的第二方面提供了一種實(shí)現(xiàn)頁面元素拖拽的裝置，包括：

確定單元，用于響應(yīng)于用戶對(duì)顯示頁面中的目標(biāo)元素觸發(fā)的拖拽操作，確定所述目標(biāo)元素在元素響應(yīng)列表副本中的第一排序值；

更新單元，用于基于所述第一排序值與被替位元素在所述元素響應(yīng)列表副本中的第二排序值，對(duì)所述元素響應(yīng)列表副本進(jìn)行排序更新，得到新的元素響應(yīng)列表副本；其中，所述第二排序值是在用戶對(duì)所述目標(biāo)元素進(jìn)行拖拽的過程中確定得到；

刷新單元，用于根據(jù)所述新的元素響應(yīng)列表副本對(duì)所述顯示頁面進(jìn)行刷新，顯示所述目標(biāo)元素被拖拽后的新頁面。

本申請(qǐng)實(shí)施例的第三方面提供了一種計(jì)算機(jī)設(shè)備，包括存儲(chǔ)器、處理器以及存儲(chǔ)在所述存儲(chǔ)器中并可在所述處理器上運(yùn)行的計(jì)算機(jī)程序，所述處理器執(zhí)行所述計(jì)算機(jī)程序時(shí)實(shí)現(xiàn)第一方面的各個(gè)步驟。

本申請(qǐng)實(shí)施例的第四方面提供了一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)存儲(chǔ)有計(jì)算機(jī)程序，所述計(jì)算機(jī)程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)第一方面的各個(gè)步驟。

實(shí)施本申請(qǐng)實(shí)施例提供的一種實(shí)現(xiàn)頁面元素拖拽的方法、實(shí)現(xiàn)頁面元素拖拽的裝置、計(jì)算機(jī)設(shè)備及計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)具有以下有益效果：