[发明专利]一种跨iframe的DOM交互方法、装置、设备和介质在审
申请号: | 202211155213.2 | 申请日: | 2022-09-22 |
公开(公告)号: | CN115657919A | 公开(公告)日: | 2023-01-31 |
发明(设计)人: | 刘平 | 申请(专利权)人: | 摩尔元数(福建)科技有限公司 |
主分类号: | G06F3/0486 | 分类号: | G06F3/0486;G06F3/0481 |
代理公司: | 福州市京华专利代理事务所(普通合伙) 35212 | 代理人: | 王美花 |
地址: | 350100 福建省福州市福州高*** | 国省代码: | 福建;35 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 iframe dom 交互 方法 装置 设备 介质 | ||
1.一种跨iframe的DOM交互方法,其特征在于:用一个父iframe包裹所有需要交互的子iframe,并让所有子iframe对所述父iframe开放通信权限但不对其他子iframe开放通信权限;所述父iframe通过各个子iframe监听本子iframe内部是否发生dom拖拽事件,若是,则由所述父iframe充当通信中介实现跨iframe的dom拖拽。
2.根据权利要求1所述的一种跨iframe的DOM交互方法,其特征在于:所述由所述父iframe充当通信中介实现跨iframe的dom拖拽具体包括下述步骤:
当第一子iframe中的DOM被鼠标按下的时候,所述第一iframe向父iframe通知DOM触发鼠标down,则所述父iframe在父iframe内创建一个相同的DOM;
通过鼠标拖拽父iframe内的DOM移动目标子iframe中,且移动过程中,所述父iframe将鼠标拖拽DOM移动的事件分发到其他的子iframe中,各个子iframe收到消息时,监听鼠标拖拽父iframe内的DOM的坐标,判断是坐标是否若在自己边框容器范围内,直到父iframe内的DOM随着鼠标移动到第二子iframe中;
在松开鼠标时,所述父iframe通知第一子iframe删除第一子iframe内的DOM,然后通知第二子iframe在第二子iframe内创建一相同DOM,从而实现了跨iframe的拖拽。
3.一种跨iframe的DOM交互装置,其特征在于:包括:
包裹模块,用一个父iframe包裹所有需要交互的子iframe;
域开放模块,让所有子iframe对所述父iframe开放通信权限但不对其他子iframe开放通信权限;
监听模块,用于所述父iframe通过各个子iframe监听本子iframe内部dom拖拽事件;
跨iframe的dom拖拽模块,用于当监听到某子iframe内部发生dom拖拽事件时,通过所述父iframe充当通信中介实现跨iframe的dom拖拽。
4.根据权利要求3所述的一种跨iframe的DOM交互装置,其特征在于:所述跨iframe的dom拖拽模块具体进行下述步骤:
当第一子iframe中的DOM被鼠标按下的时候,所述第一iframe向父iframe通知DOM触发鼠标down,则所述父iframe在父iframe内创建一个相同的DOM;
通过鼠标拖拽父iframe内的DOM移动目标子iframe中,且移动过程中,所述父iframe将鼠标拖拽DOM移动的事件分发到其他的子iframe中,各个子iframe收到消息时,监听鼠标拖拽父iframe内的DOM的坐标,判断是坐标是否若在自己边框容器范围内,直到父iframe内的DOM随着鼠标移动到第二子iframe中;
在松开鼠标时,所述父iframe通知第一子iframe删除第一子iframe内的DOM,然后通知第二子iframe在第二子iframe内创建一相同DOM,从而实现了跨iframe的拖拽。
5.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1或2所述的方法。
6.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1或2所述的方法。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于摩尔元数(福建)科技有限公司,未经摩尔元数(福建)科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202211155213.2/1.html,转载请声明来源钻瓜专利网。