[發明專利]元素處理方法及裝置、存儲介質、電子裝置在審
| 申請號: | 201910678374.1 | 申請日: | 2019-07-25 |
| 公開(公告)號: | CN110399077A | 公開(公告)日: | 2019-11-01 |
| 發明(設計)人: | 楊鵬 | 申請(專利權)人: | 北京明略軟件系統有限公司 |
| 主分類號: | G06F3/0486 | 分類號: | G06F3/0486;G06F16/957 |
| 代理公司: | 北京康信知識產權代理有限責任公司 11240 | 代理人: | 王曉婷 |
| 地址: | 100086 北京市海淀區*** | 國省代碼: | 北京;11 |
| 權利要求書: | 查看更多 | 說明書: | 查看更多 |
| 摘要: | |||
| 搜索關鍵詞: | 相對位置關系 拖動 存儲介質 電子裝置 元素處理 網頁 開發效率 邏輯比較 鼠標點擊 鼠標拖動 順序確定 拖動操作 元素指定 拖放 排序 | ||
本發明提供了一種元素處理方法及裝置、存儲介質、電子裝置,其中,上述方法包括:在鼠標點擊網頁列表中的第一元素的情況下,設置所述第一元素為可拖動元素;在所述鼠標拖動所述第一元素的情況下,根據所述第一元素和第二元素的相對位置關系,以及所述第一元素和所述第二元素在所述網頁列表中的排列順序確定所述第一元素在執行完拖動操作后在所述網頁列表中的位置;其中,所述相對位置關系為所述第一元素拖動到第二元素指定范圍內之后,所述第一元素和所述第二元素的相對位置關系。采用上述技術方案,解決了相關技術中,由于元素的拖放排序實現邏輯比較復雜,進而影響開發效率等問題。
技術領域
本發明涉及計算機領域,具體而言,涉及一種元素處理方法及裝置、存儲介質、電子裝置。
背景技術
相關技術中,早期超文本標記語言(Hyper Text Markup Language,簡稱HTML)還不能夠支持拖放Drag技術,一般是通過鼠標事件來實現元素的拖放排序,當鼠標點擊后記錄下當前鼠標的位置,當鼠標仍處在點擊狀態,并且鼠標移動時候就判斷為是一個拖放事件的開始。然后,拷貝一份當前已經點擊的元素(該元素可以為頁面元素),并設置拷貝的元素為絕對定位。此技術方案中,需要在已經點擊的元素移動過程中實時判斷該已經點擊的元素當前的位置與列表中元素的位置,處理邏輯較為復雜。
針對相關技術中,由于元素的拖放排序實現邏輯比較復雜,進而影響開發效率等問題,尚未提出有效的技術方案。
發明內容
本發明實施例提供了一種元素處理方法及裝置、存儲介質、電子裝置,以至少解決相關技術中,由于元素的拖放排序實現邏輯比較復雜,進而影響開發效率等問題。
根據本發明的一個實施例,提供了一種元素處理方法,包括:
在鼠標點擊網頁列表中的第一元素的情況下,設置所述第一元素為可拖動元素;
在所述鼠標拖動所述第一元素的情況下,根據所述第一元素和第二元素的相對位置關系,以及所述第一元素和所述第二元素在所述網頁列表中的排列順序確定所述第一元素在執行完拖動操作后在所述網頁列表中的位置;其中,所述相對位置關系為所述第一元素拖動到第二元素指定范圍內之后,所述第一元素和所述第二元素的相對位置關系。
可選地,根據所述第一元素和第二元素的相對位置關系,以及所述第一元素和所述第二元素在所述網頁列表中的排列順序確定所述第一元素在執行完拖動操作后在所述網頁列表中的位置,包括:
在所述相對位置關系指示所述第一元素覆蓋了所述第二元素的情況下,將所述第一元素插入到所述第二元素所處的位置之前的第一個位置;其中,所述第一元素為所述網頁列表中除了處于源端位置的元素和處于末端位置的元素之外的任一中間元素;
在所述相對位置關系指示所述第一元素覆蓋第二元素的情況下,或者,在所述相對位置關系指示所述第一元素被所述鼠標拖動至處于所述第二元素所處的位置之后的位置的情況下,將所述第一元素插入到所述第二元素所處的位置之后的第一個位置;其中,所述第二元素為所述網頁列表中處于末端位置的元素。
可選地,在所述鼠標拖動所述第一元素的情況下,根據所述第一元素和第二元素的相對位置關系,以及所述第一元素和所述第二元素在所述網頁列表中的排列順序確定所述第一元素在執行完拖動操作后在所述網頁列表中的位置之后,所述方法還包括:
顯示更新后的網頁列表,其中,所述更新后的網頁列表指示了所述第一元素在執行完拖動操作后在所述網頁列表中的位置。
可選地,顯示更新后的網頁列表,所述方法還包括:
檢測所述第一元素是否發生被所述鼠標釋放;
在檢測到所述第一元素被鼠標釋放的情況下,顯示更新后的網頁列表。
根據本發明的另一個實施例,還提供了一種元素處理裝置,包括:
該專利技術資料僅供研究查看技術是否侵權等信息,商用須獲得專利權人授權。該專利全部權利屬于北京明略軟件系統有限公司,未經北京明略軟件系統有限公司許可,擅自商用是侵權行為。如果您想購買此專利、獲得商業授權和技術合作,請聯系【客服】
本文鏈接:http://www.szxzyx.cn/pat/books/201910678374.1/2.html,轉載請聲明來源鉆瓜專利網。





