[发明专利]多元素交互方法、装置、设备和存储介质

说明书

技术领域

本发明涉及交互技术，尤其涉及一种多元素交互方法、装置、设备和存储介质。

背景技术

在浏览器环境中，浏览器中渲染和事件监听的单位是文档对象模型(Document Object Model，DOM)元素，而任何标准的元素的边界都是矩形，当交互发生在不规则元素之外且在DOM元素边界矩形之内时，并且用户交互事件穿透该元素直接与下层元素进行交互时，在实现本发明过程中，发明人发现现有技术中至少存在如下问题：浏览器的DOM元素事件监听会将该交互阻挡，导致下层元素无法响应。

针对这种情况，通常情况是将多媒体视频单独用DOM元素来渲染，但是这样会带来另一个缺陷，由于多媒体视频单独用DOM元素来渲染，因此该元素必将在层级上位于所有可伸缩矢量图形(Scalable Vector Graphics，SVG)子元素的上方或者下方，当需求是视频元素的层级位置不为置顶或置底时无法满足要求。

发明内容

本发明实施例提供一种多元素交互方法、装置、设备和存储介质，在多元素交互过程中，克服了只能使用规则元素的缺陷以及下层元素不被响应的缺陷，保证了各元素的正常交互。

第一方面，本发明实施例提供了一种多元素交互方法，该方法包括：

若检测到当前操作对象为逻辑边界有重合的至少两个元素，则判断点击操作对应在所述当前操作对象中的位置是否处于元素的激活区域；

若是，则根据所述激活区域确定所述激活区域对应的目标元素；

响应于满足设定条件的对所述目标元素的操作，控制所述目标元素根据所述操作对应的编辑指令改变显示状态；

其中，所述元素的激活区域包括所述元素的边界线以及所述边界线形成的封闭区域，所述逻辑边界为所述元素处于被选中状态时显示的矩形边界。

第二方面，本发明实施例还提供了一种多元素交互装置，该装置包括：

判断模块，用于若检测到当前操作对象为逻辑边界有重合的至少两个元素，则判断点击操作对应在所述当前操作对象中的位置是否处于元素的激活区域；

确定模块，用于在点击操作对应在当前操作对象中的位置处于元素的激活区域时，根据所述激活区域确定所述激活区域对应的目标元素；

响应模块，用于响应于满足设定条件的对所述目标元素的操作，控制所述目标元素根据所述操作对应的编辑指令改变显示状态；

其中，所述元素的激活区域包括所述元素的边界线以及所述边界线形成的封闭区域，所述逻辑边界为所述元素处于被选中状态时显示的矩形边界。

第三方面，本发明实施例还提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如本发明实施例中任一所述的多元素交互方法。

第四方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本发明实施例中任一所述的多元素交互方法。

本发明实施例中，通过若检测到当前操作对象为逻辑边界有重合的至少两个元素，则判断点击操作对应在所述当前操作对象中的位置是否处于元素的激活区域；若处于元素的激活区域，则根据所述激活区域确定所述激活区域对应的目标元素；响应于满足设定条件的对所述目标元素的操作，控制所述目标元素根据所述操作对应的编辑指令改变显示状态。在多元素交互过程中，克服了只能使用规则元素的缺陷以及下层元素不被响应的缺陷，保证了各元素的正常交互。

附图说明

图1a是本发明实施例一中的一种多元素交互方法的流程图；

图1b是本发明实施例一中适用的一种渲染时的层级遮挡的示意图；

图1c是本发明实施例一中适用的一种元素之间相对位置有重合时的元素逻辑边界的示意图；

图1d是本发明实施例一中适用的一种使用本方案后的元素交互过程中的示意图；

图2a是本发明实施例二中的一种多元素交互方法的流程图；

图2b是本发明实施例二中适用的一种多个元素交互时确定目标元素时的示意图；

图3a是本发明实施例三中的一种多元素交互方法的流程图；

图3b是本发明实施例三中适用的一种多个元素在非操作状态的显示图；

图3c是本发明实施例三中适用的一种多元素交互时应用本方案后下层元素不被遮挡的示意图；

图3d是本发明实施例三中适用的一种多重选择模式下确定多重选择区域的示意图；

图4是本发明实施例四中的一种多元素交互装置的结构示意图；