(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210855632.0 (22)申请日 2022.07.20 (71)申请人 平安科技 （深圳） 有限公司 地址 518000 广东省深圳市福田区福田街 道福安社区益田路5033号平 安金融中 心23楼 (72)发明人 杨俊波　 (74)专利代理 机构 深圳市沃德知识产权代理事 务所(普通 合伙) 44347 专利代理师 高杰　于志光 (51)Int.Cl. G06F 9/451(2018.01) G06F 3/0486(2013.01) G06F 3/0483(2013.01) (54)发明名称 基于网页界面的跨域拖拽方法、 装置、 设备 及存储介质 (57)摘要 本发明涉及人工智能技术， 揭露了一种基于 网页界面的跨域拖拽方法， 包括： 根据用户的拖 拽指令获取被拖拽元素的元素信息； 根据元素信 息对拖拽指令对应的主域拖拽事件进行拖拽动 画渲染， 并确定主域页面以及子域页面； 将主域 拖拽事件的事件信息以及元素信息发送至子域 页面的虚拟节点， 触发虚拟节点的子域拖拽事 件， 并在子域页面中进行插入动画渲染； 根据元 素信息生 成虚拟节点对应的真实节 点， 将真实节 点插入子域页面， 对插入真实节 点后的子域页面 进行页面渲染， 完成跨域拖拽。 此外， 本发明还涉 及区块链技术， 元素信息可存储于区块链的节 点。 本发明还提出一种基于网页界面的跨域拖拽 装置、 设备以及存储介质。 本发明可以提高网页 跨域拖拽的效率。 权利要求书2页 说明书10页 附图3页 CN 115129415 A 2022.09.30 CN 115129415 A 1.一种基于网页界面的跨 域拖拽方法， 其特 征在于， 所述方法包括： 接收用户的拖拽指令， 根据所述 拖拽指令获取被拖拽元 素的元素信息； 根据所述元素信 息对所述拖拽指令对应的主域拖拽事件进行拖拽动画渲染， 根据 所述 主域拖拽事件确定主域页面以及子域页面； 将所述主域拖拽事件的事件信 息发送至所述子域页面， 通过所述子域页面的虚拟节点 根据所述事 件信息接收所述元 素信息； 通过所述元素信 息触发所述虚拟节点的子域拖拽事件， 根据所述子域拖拽事件在所述 子域页面中进行插 入动画渲染； 根据所述元素信 息生成所述虚拟节点的节点属性， 根据 所述节点属性实时生成真实节 点， 将所述真实节点插入所述子域页面， 对插入所述真实节点后的所述子域页面进行页面 渲染， 完成跨 域拖拽。 2.如权利要求1所述的基于网页界面的跨域拖拽方法， 其特征在于， 所述根据 所述拖拽 指令获取被拖拽元 素的元素信息， 包括： 根据所述 拖拽指令确定所述被拖拽元 素的初始页面 位置坐标； 根据所述初始页面 位置坐标确定所述被拖拽元 素的元素名称； 根据所述元 素名称获取 所述被拖拽元 素的元素信息。 3.如权利要求1所述的基于网页界面的跨域拖拽方法， 其特征在于， 所述根据 所述元素 信息对所述 拖拽指令对应的主域 拖拽事件进行拖拽动画渲染， 包括： 根据所述元 素信息识别所述被拖拽元 素的元素类型； 根据所述元 素类型创建所述主域 拖拽事件的小型拖动图片； 根据所述小型拖动图片与 所述拖拽指令生成所述主域拖拽事件的拖拽动画， 完成拖拽 动画渲染。 4.如权利要求2所述的基于网页界面的跨域拖拽方法， 其特征在于， 所述根据 所述主域 拖拽事件确定主域页面以及子域页面， 包括： 将所述初始页面 位置坐标 所对应的页面作为所述主域页面； 从所述主域 拖拽事件中获取鼠标位移 记录； 根据所述鼠标位移 记录与所述初始页面 位置坐标计算出 结束页面 位置坐标； 将所述结束页面 位置坐标 所对应的页面作为所述子域页面。 5.如权利要求1所述的基于网页界面的跨域拖拽方法， 其特征在于， 所述将所述主域拖 拽事件的事件信息发送至所述子域页面， 通过所述子域页面的虚拟节点根据所述事件信息 接收所述元 素信息， 包括： 利用预设的跨 域通知方法将所述主域 拖拽事件的事件信息发送至所述子域页面； 利用所述子域页面根据 所述事件信 息选定所述虚拟节点， 并向所述主域页面发送所述 事件信息的返回信息； 利用所述主域页面 根据所述返回信息将所述元 素信息发送至所述虚拟节点中。 6.如权利要求1所述的基于网页界面的跨域拖拽方法， 其特征在于， 所述根据 所述元素 信息生成所述虚拟节点的节点属性， 根据所述节点属性实时生成真实节点， 包括： 从所述元素信 息中提取出所述被拖拽元素的元素属性， 并将所述元素属性作为所述虚 拟节点的节点属性；权　利　要　求　书 1/2 页 2 CN 115129415 A 2根据所述节点属性创建所述虚拟节点的虚拟对象； 对所述虚拟对象进行渲染， 得到所述真实节点。 7.如权利要求1至6中任一项所述的基于网页界面的跨域拖拽方法， 其特征在于， 所述 将所述真实节点插 入所述子域页面， 包括： 获取所述虚拟节点的节点标签； 根据所述节点标签将所述虚拟节点 替换成所述真实节点； 将所述真实节点添加到所述子域页面的页面列表中。 8.一种基于网页界面的跨 域拖拽装置， 其特 征在于， 所述装置包括： 元素信息模块， 用于接收用户的拖拽指令， 根据所述拖拽指令获取被拖拽元素的元素 信息； 拖拽动画模块， 用于根据所述元素信 息对所述拖拽指令对应的主域拖拽事件进行拖拽 动画渲染， 根据所述主域 拖拽事件确定主域页面以及子域页面； 信息传递模块， 用于将所述主域拖拽事件的事件信息发送至所述子域页面， 通过所述 子域页面的虚拟节点 根据所述事 件信息接收所述元 素信息； 插入动画模块， 用于通过所述元素信息触发所述虚拟节点的子域拖拽事件， 根据所述 子域拖拽事件在所述子域页面中进行插 入动画渲染； 页面渲染模块， 用于根据所述元素信息生成所述虚拟节点的节点属性， 根据所述节点 属性实时生成真实节点， 将所述真实节点插入所述子域页面， 对插入所述真实节点后的所 述子域页面进行页面 渲染， 完成跨 域拖拽。 9.一种设备， 其特 征在于， 所述设备包括： 至少一个处 理器； 以及， 与所述至少一个处 理器通信连接的存 储器； 其中， 所述存储器存储有可被所述至少一个处理器执行的计算机程序， 所述计算机程序被所 述至少一个处理器执行， 以使 所述至少一个处理器能够执行如权利要求 1至7中任意一项 所 述的基于网页界面的跨 域拖拽方法。 10.一种存储介质， 存储有计算机程序， 其特征在于， 所述计算机程序被处理器执行时 实现如权利要求1至7中任意 一项所述的基于网页界面的跨 域拖拽方法。权　利　要　求　书 2/2 页 3 CN 115129415 A 3