[发明专利]网页内的iframe元素拖动方法和系统

说明书

本申请实施例公开了一种网页内的iframe元素拖动方法，包括：获取目标网页中的iframe元素，所述iframe元素的框架内部分区域上配置有目标块级元素；响应于在所述目标块级元素上的下压事件，扩大所述目标块级元素的大小；响应于跟随在所述下压事件之后的拖动事件，对所述iframe元素进行拖动操作，以将所述iframe元素从所述目标网页的第一位置移动到所述目标网页的第二位置。本申请实施例公开了一种网页内的iframe元素拖动系统、计算机设备和计算机存储介质。本申请实施例提供的技术方案可以确保iframe元素不会意外停止移动。

技术领域

本申请涉及网页处理技术，尤其涉及一种网页内的iframe元素拖动方法、系统、计算机设备及计算机可读存储介质。

背景技术

元素(element)拖动是网页(Web)应用中常用的一种与用户交互的手段，即通过鼠标或触控屏触摸等操作，改变元素在网页中的位置，从而实现元素在网页中的拖动。

iframe元素为网页元素的一种，其特殊之处在于iframe元素内部和所在网页之间相对独立，网页无法捕捉到作用在iframe元素内的拖动操作，从而无法将iframe元素从网页的第一个位置拖动到网页的另一个位置。即使在拖动时，尤其拖动速度较快时，也容易意外停止拖动，即：iframe元素在被拖动时易意外中断。

发明内容

本申请实施例的目的是提供一种网页内的iframe元素拖动方法、系统、计算机设备及计算机可读存储介质，用于解决上述问题。

本申请实施例的一个方面提供了一种网页内的iframe元素拖动方法，包括：

获取目标网页中的iframe元素，所述iframe元素的框架内部分区域上配置有目标块级元素；

响应于在所述目标块级元素上的下压事件，扩大所述目标块级元素的大小；

响应于跟随在所述下压事件之后的拖动事件，对所述iframe元素进行拖动操作，以将所述iframe元素从所述目标网页的第一位置移动到所述目标网页的第二位置。

可选的，还包括：

响应于跟随在所述拖动事件之后的释放事件，将所述目标块级元素恢复至初始大小。

可选的，所述iframe元素的框架内包括文档；

所述目标块级元素覆盖所述文档的标题；其中，所述目标块级元素的初始大小与所述标题的大小相适配，且所述初始大小的目标块级元素不覆盖所述文档的交互控件。

可选的，所述获取目标网页中的iframe元素，包括：

获取服务器提供的iframe配置信息，所述iframe配置信息包括iframe容器配置信息、iframe元素配置信息、文档信息，所述文档信息包括标题在所述iframe容器中的位置；

根据所述iframe容器配置信息，在所述目标网页上配置iframe容器；

根据所述iframe元素配置信息，在所述iframe容器中配置所述iframe元素；

根据所述文档信息，在所述iframe元素创建的框架内生成所述文档；

根据所述标题在所述iframe容器中的位置，配置所述目标块级元素；

其中，所述目标块级元素的显示属性为透明，且所述目标块级元素归属于所述目标网页。

可选的，还包括：

在所述文档的标题滚动到所述iframe元素的框架之外时，将所述目标块级元素设置隐藏。

可选的，所述响应于在所述目标块级元素上的下压事件，扩大所述目标块级元素的大小，包括：