(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210177861.1 (22)申请日 2022.02.25 (71)申请人 重庆紫光华山智安科技有限公司 地址 400700 重庆市北碚区云汉大道1 17号 附386号 (72)发明人 黄朝伟　孙豪　 (74)专利代理 机构 北京超凡宏宇专利代理事务 所(特殊普通 合伙) 11463 专利代理师 张欣欣 (51)Int.Cl. G06F 9/451(2018.01) G06F 3/0486(2013.01) (54)发明名称 页面元素拖放方法、 装置、 电子设备及存储 介质 (57)摘要 本发明实施例提供了一种页面元素拖放方 法、 装置、 电子设备及存储介质， 涉及信息技术领 域。 该方法应用于电子设备中的浏览器。 首先， 响 应用户对网页中显示的页面元素的长按操作， 生 成页面元素的复制页面元素； 然后， 响应对页面 元素的拖动操作， 沿拖动操作的拖动轨迹显示背 景图片； 最后， 当检测到拖动操作结束时， 停 止显 示背景图片， 并获取拖动操作的结束位置； 若拖 动操作的结束位置在网页中预先创建的目标区 域内， 则在 目标区域显示复制页面元素。 该方法 可以支持自定义拖放时的背景图片并进行显示， 并且， 由于该方法应用于各种浏览器， 摆脱了现 有技术中不同的浏览器对自定义背景功能支持 情况不一致的限制。 权利要求书2页 说明书9页 附图7页 CN 114546568 A 2022.05.27 CN 114546568 A 1.一种页面元素拖放方法， 其特征在于， 应用于电子设备中的浏 览器， 所述电子设备显 示有所述浏览器的网页， 并预先存储有背景图片， 所述背景图片是自定义的； 所述方法包 括： 响应对所述网页中显示的预先创建的页面元素的长按操作， 生成所述页面元素的复制 页面元素， 其中， 所述页面元 素是显示在所述网页上的标签元 素； 响应对所述页面元素的与 所述长按操作 连续的拖动操作， 沿所述拖动操作的拖动轨迹 显示所述背景图片； 当检测到所述拖动操作结束时， 获取所述拖动操作的结束位置， 并停止显示所述背景 图片； 若所述拖动操作的结束位置在所述网页中预先创建的目标区域内， 则在所述目标区域 显示所述复制页面元 素。 2.根据权利要求1所述的方法， 其特征在于， 在所述响应对所述网页中显示的预先创建 的页面元 素的长按操作， 生成所述页面元 素的复制页面元 素的步骤之前， 所述方法还 包括： 创建容器和所述页面元素， 及在所述网页中创建初始区域和所述目标区域， 并将所述 容器的显示属性设置为 不可见； 在所述初始区域中显示所述页面元 素； 将所述背景图片挂载到所述容器中， 以隐藏所述背景图片， 所述背景图片和所述页面 元素处于所述网页中的同一 位置。 3.根据权利要求2所述的方法， 其特征在于， 所述响应对所述页面元素的与 所述长按操 作连续的拖动操作， 沿所述 拖动操作的拖动轨 迹显示所述背景图片的步骤， 包括： 响应所述 拖动操作， 并获取 所述拖动操作的实时位置； 根据所述 拖动操作的实时位置， 按照预设公式确定所述 容器的当前位置； 根据所述当前位置， 设置所述容器的定位属性、 左边缘属性和上边缘属性， 并将所述容 器的显示属性设置为可 见， 以沿所述 拖动操作的拖动轨 迹显示背景图片。 4.根据权利要求3所述的方法， 其特征在于， 所述拖动操作的实时位置包括第 一横坐标 和第一纵坐标； 所述根据所述拖动操作的实时位置， 按照预设公式确定所述容器的当前位 置的步骤， 包括： 根据所述第一横坐标， 按照公式 计算得到第二横坐标， 其中， x表示所述第 二横坐标， X表示所述第一横坐标， w表示所述 容器的宽度； 根据所述第一纵坐标， 按照公式 计算得到第二纵坐标， 其中， y表示所述第 二纵坐标， Y表示所述第一纵坐标， h表示所述 容器的高度； 获得所述当前位置， 所述当前位置包括所述第二横坐标和所述第二纵坐标。 5.根据权利要求3所述的方法， 其特征在于， 所述根据所述当前位置， 设置所述容器的 定位属性、 左边缘属性和上边缘属性， 并将所述容器的显示属性设置为可见， 以沿所述拖动 操作的拖动轨 迹显示背景图片的步骤， 包括： 根据所述当前位置， 将所述容器的定位属性设置为固定定位， 并将左边缘属性设置为 第二横坐标， 将上边缘属性设置为第二纵坐标， 以及将所述容器的显示属性设置为可见， 以权　利　要　求　书 1/2 页 2 CN 114546568 A 2沿所述拖动操作的拖动轨 迹显示背景图片。 6.根据权利要求1所述的方法， 其特征在于， 在获取所述拖动操作的结束位置之后， 所 述方法还 包括： 判断所述 拖动操作的结束位置是否在所述目标区域内； 若所述拖动操作的结束位置不在所述目标区域内， 则 删除所述复制页面元 素。 7.根据权利要求2所述的方法， 其特征在于， 所述创建容器和所述页面元素， 及在所述 网页中创建初始区域和所述目标区域的步骤， 包括： 定义容器、 所述页面元素， 初始区域和所述目标 区域， 并为所述容器、 所述页面元素、 所 述初始区域和所述目标区域配置参数； 根据所述 参数， 创建所述 容器和所述页面元 素； 根据所述参数， 创建所述初始区域和所述目标区域， 并进行布局， 以在所述网页中显示 所述初始区域和所述目标区域。 8.一种页面元素拖放装置， 其特征在于， 应用于电子设备中的浏 览器， 所述电子设备显 示有所述浏览器的网页， 并显示有页面元素， 所述页面元素是用于显示在所述网页上 的标 签元素； 所述电子设备 预先存储有背景图片， 所述背景图片是自定义的； 所述装置包括： 复制模块， 用于响应对所述网页中显示的预先创建的页面元素的长按操作， 生成所述 页面元素的复制页面元 素； 拖动模块， 用于响应对所述页面元素的与所述长按操作连续的拖动操作， 沿所述拖动 操作的拖动轨 迹显示所述背景图片； 获取模块， 用于当检测到所述拖动操作结束时， 停止显示所述背景图片， 并获取所述拖 动操作的结束位置； 显示模块， 用于若所述拖动操作的结束位置在所述网页中预先创建的目标区域内， 则 在所述目标区域显示所述复制页面元 素。 9.一种电子设备， 其特 征在于， 所述电子设备安装有浏览器， 所述电子设备包括： 一个或多个处 理器； 存储器， 用于存储一个或多个程序， 当所述一个或多个程序被所述一个或多个处理器 执行时， 使得所述一个或多个处理器实现如权利要求1 ‑7中任一项所述的页面元素拖放方 法。 10.一种计算机可读存储介质， 其上存储有计算机程序， 其特征在于， 该计算机程序被 处理器执行时实现如权利要求1 ‑7中任一项所述的页面元 素拖放方法。权　利　要　求　书 2/2 页 3 CN 114546568 A 3