多元素交互方法、装置、设备和存储介质与流程

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

背景技术：

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

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

技术实现要素：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

附图说明

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

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

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

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

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

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

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

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

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

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

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

图5是本发明实施例五中的一种计算机设备的结构示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。

实施例一

图1a为本发明实施例一提供的一种多元素交互方法的流程图，本实施例可适用于在浏览器的场景中多元素进行交互的情况，该方法可以由本发明实施例提供的多元素交互装置来执行，该装置可采用软件和/或硬件的方式实现。参考图1a，该方法具体可以包括如下步骤：

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

其中，元素是指任何显示内容，包括图片、文字、多媒体音视频、平面集合形状和立体几何等，规则元素是指边界为矩形的元素，不规则元素是指元素的边界为除了矩形之外的形状的元素。浏览器的环境是指chrome、safari、firefox、ie和edge等可以显示标记语言文件的软件。在一个具体的例子中，多个不规则元素多层级复杂交互的场景可以是基于浏览器的演示文稿powerpoint中的形状等元素。

具体的，在当前操作对象为逻辑边界有重合的至少两个元素时，判断点击操作对应在当前操作对象中的位置是否处于元素的激活区域。可选的，所述元素的激活区域包括所述元素的边界线以及所述边界线形成的封闭区域，通过获取点击操作在当前操作对象中的第一坐标位置，并将该第一坐标位置与激活区域在当前显示页面中的第二坐标位置进行比对，若第一坐标位置位于所述第二坐标位置确定的区域范围，则表明点击操作对应在当前操作对象中的位置处于元素的激活区域；所述逻辑边界为所述元素处于被选中状态时显示的矩形边界，在一个具体的例子中，可以通过分别获取每个元素对应在当前显示页面中的坐标，逻辑边界有重合是指至少两个元素在被选中状态时显示的矩形边界的坐标范围有重合。可选的，可以通过确定元素在选中状态时显示的矩形边界的四个顶点的坐标来确定逻辑边界的坐标范围。

其中，元素的激活区域包括元素的边界线以及所述边界线形成的封闭区域，在一个具体的例子中，以三角形为例，该三角形元素的激活区域包括三角形的三条边以及三条边形成的封闭三角形区域。渲染边界是指渲染画布的大小，逻辑边界为元素处于被选中状态时显示的矩形边界。

在一个具体的例子中，图1b示出了一种渲染时的层级遮挡的示意图，140为矩形1的矩形边界，150为直角三角形2的矩形边界，160为钝角三角形3的矩形边界，其中，矩形边界140、矩形边界150与矩形边界160是属于元素本身的特有属性，其矩形边界在用户对元素的操作以及各元素的交互过程中不可见。逻辑边界用于控制柄的显示和实际存储，激活边界即为元素的边界。参考图1b，激活边界分别为矩形1的四条边、直角三角形2的三条边以及钝角三角形3的三条边。

图1c示出了一种元素之间相对位置有重合时的元素逻辑边界的示意图，以图1c为例，说明元素的逻辑边界的具体含义，在图1c中，170为直角三角形4的逻辑边界，171为渲染边界，即实际渲染的画布的大小，在这种情况下，由于矩形5在直角三角形4的逻辑边界内，现有方案中通常无法对矩形5进行拖拽等操作。图1d示出了一种使用本方案后的元素交互过程中的示意图，180为矩形7的逻辑边界，181为渲染边界，通过图1d可以看出，通过使用本方案，可以通过点击直角三角形6空白处的b点对矩形7直接进行操作，而不被直角三角形6遮挡。

s120、根据所述激活区域确定所述激活区域对应的目标元素。

具体的，在点击操作对应在所述当前操作对象中的位置处于元素的激活区域时，根据激活区域确定激活区域的目标元素。每个元素对应不同的层级，在一个具体的例子中，图1b中的每个元素是由一个单独的svg绘制的，这里分别有三个svg，其中，三个svg分别与其对应的元素(矩形1、直角三角形2和钝角三角形3)一起标号，三者的层级关系是钝角三角形3>直角三角形2>矩形1，即钝角三角形3置于最顶层，当三者的重合区域只有钝角三角形3可见，但是当用户点击a点时，用户的需求是激活直角三角形2。假如是dom事件，由于钝角三角形3在最顶层，则此时会激活钝角三角形3，也就是产生了不必要的遮挡。

其中，确定激活区域对应的目标元素的方式可以通过查询激活区域和元素对应列表获得，该列表中存储了激活区域和元素的对应关系；还可以提取激活区域中的边界线，根据边界线目标元素。

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

具体的，在确定了目标元素后，响应于满足设定条件的对目标元素的操作，可选的，该操作包括点击、拖动、缩放、旋转和元素自定义等。设定的条件可以是在将目标元素从点m拖动至点n，或者将目标元素逆时针旋转150度等。

不同的操作对应不同的编辑指令，例如是缩放操作，则对应的编辑指令可以是用户在右击操作目标元素时，弹出对应的菜单选项，点击选项中的“缩放”，而具体可以通过给各个操作添加不同的字段来给不同的操作添加对应的功能。而将具体的操作与编辑指令进行关联，根据编辑指令改变目标元素的显示状态，其中，显示状态包括旋转显示和拖动显示等。

本发明实施例中，通过若检测到当前操作对象为逻辑边界有重合的至少两个元素，则判断点击操作对应在所述当前操作对象中的位置是否处于元素的激活区域；若处于元素的激活区域，则根据所述激活区域确定所述激活区域对应的目标元素；响应于满足设定条件的对所述目标元素的操作，控制所述目标元素根据所述操作对应的编辑指令改变显示状态。与现有方案中的使用dom元素来渲染时，只能显示文字、图像、多媒体音视频、超链接等规则元素、对于不规则的元素的空白区域的交互时间被阻挡时无法穿透到达下层、将内容嵌套在单一的svg这一个dom元素中进行渲染的缺陷，在本方案中在多元素交互过程中，克服了只能使用规则元素的缺陷以及下层元素不被响应的缺陷，保证了各元素的正常交互。

实施例二

图2a为本发明实施例二提供的一种多元素交互方法的流程图，本实施例在上述实施例的基础上，对“根据所述激活区域确定所述激活区域对应的目标元素”进行了优化。参考图2a，该方法具体可以包括如下步骤：

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

s220、根据所述点击操作获取所述激活区域中的元素的标识码。

具体的，根据点击操作获取激活区域中的元素的标识码，其中，每个元素对应一个标识码，根据该标识码可以唯一确定元素，可选的，标识码可以是数字、字母、符号或者三者的任意组合。本地存储器或云端存储器中存储有各元素的激活码，在一个具体的例子中，将各元素的激活码与点击操作在当前显示页面中的位置进行关联，通过点击操作在激活区域的位置来获取点击操作对应在激活区域中的元素的标识码。

s230、将所述元素的标识码与预存元素列表中的标识码进行匹配来确定所述点击操作对应的目标元素。

其中，预存元素列表中存储有元素与标识码的一一对应关系，对于元素和标识码这两个参量，知道二者中的其中一个参量便可获知另外一个参量，例如，若知道标识码则可以从预存元素列表中进行查找，预存元素列表中该标识码对应的元素即为目标元素。

在一个具体的例子中，图2b示出了一种多个元素交互时确定目标元素时的示意图，矩形11的层级位于矩形8、直角三角形9、钝角三角形10的上方，在点击矩形11的中心未填充的空白处c点时，确定目标元素为直角三角形9，可以与其下层的直角三角形9直接进行交互。

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

本发明实施例中，根据所述点击操作获取所述激活区域中的元素的标识码，将所述元素的标识码与预存元素列表中的标识码进行匹配来确定所述点击操作对应的目标元素。通过元素的标识码的唯一性来确定目标元素。

在上述技术方案的基础上，根据所述激活区域确定所述激活区域对应的目标元素还可以通过以下方式实现：若检测到发生所述点击操作的过程中有设定的多选指令产生，则将所述多选指令存在时间范围内的多个点击操作对应的多个元素的标识码与所述预存元素列表中的标识码进行匹配，来确定所述多个点击操作对应的目标元素。

其中，设定的多选指令包括在点击操作时按下键盘上的shift键产生，或者点击了触控屏上的多选按钮或符号产生。若检测到发生点击操作的过程中有设定的多选指令产生，则将多选指令存在时间范围内的多个点击操作对应的多个元素的标识码与预存元素列表中的标识码进行匹配，来确定多个点击操作确定的目标元素。需要说明的是，多选指令的产生时间与点击操作的发生时间的先后顺序不做具体限定，可以是点击操作和多选指令同时产生，也可是多选指令在点击操作的过程中产生。实现了对多个元素同时进行选中等其他操作。

实施例三

图3a为本发明实施例三提供的一种多元素交互方法的流程图，本实施例在上述实施例的基础上，在满足设定条件的对所述目标元素的操作为拖拽操作时，对“响应于满足设定条件的对所述目标元素的操作”进行了优化。参考图3a，该方法具体可以包括如下步骤：

s310、在当前操作对象为逻辑边界有重合的至少两个元素时，判断点击操作对应在所述当前操作对象中的位置是否处于元素的激活区域，若是，则执行s320。

s320、根据所述激活区域确定所述激活区域对应的目标元素。

s330、将拖拽设备在拖拽操作结束时在当前页面上显示的标识符的位置作为目标点。

可选的，拖拽设备是指可实现拖拽功能的部件，例如鼠标、书写笔或手指等。可拖拽设备在在当前显示页面上有对应的标识符，例如鼠标在当前页面上显示为空心箭头样式、书写笔或手指在当前页面上显示为书写笔的样式。在对目标元素进行拖拽过程中，当前显示页面上会出现表征拖拽操作的标识符，标识符在当前显示页面中的位置跟随拖拽操作的持续进行移动。在检测到拖拽操作结束时，获取此时在当前页面上显示的标识符的位置作为目标点。在一个具体的例子中，可以通过检测标识符的位置在设定的时间范围内保持不变，则认为拖拽操作结束，其中，设定的时间范围可以是3秒钟以上。可以通过标识符在当前显示页面的横纵坐标来获取其位置。

s340、响应于从所述点击操作对应在所述当前操作对象中的位置的拖拽起点移动至所述目标点来响应所述拖拽操作，控制所述目标元素根据所述操作对应的编辑指令改变显示状态。

具体的，拖拽操作包括拖拽起点、拖拽路径以及拖拽终点，以点击操作在当前操作对象中的位置为拖拽起点，以上述提到的目标点作为拖拽终点，分别获取拖拽起点和拖拽终点在当前显示页面的坐标，拖拽路径不做具体限定，以满足用户的要求为准，拖拽路径可以是预先规划好的，也可以是在拖拽过程中随机选取的。在一个具体的例子中，若拖拽路径为直线，则可以将目标元素按照直线信息进行拖拽；或者没有具体的拖拽路径，如果后续需要对具体的拖住路径进行分析，则在拖拽过程中，实时获取拖拽过程中目标元素在当前显示页面中移动的轨迹中的点的坐标，根据各个坐标生成拖拽路径对应的轨迹曲线，以供对拖拽路径进行分析。响应于从所述点击操作对应在所述当前操作对象中的位置的拖拽起点移动至所述目标点来响应所述拖拽操作。控制所述目标元素根据所述操作对应的编辑指令改变显示状态。

本发明实施例中，通过将拖拽设备在拖拽操作结束时在当前页面上显示的标识符的位置作为目标点，控制所述目标元素响应从所述点击操作对应在所述当前操作对象中的位置的拖拽起点移动至所述目标点来响应所述拖拽操作。在确定了目标点后实现了对目标元素的拖拽操作。

可选的，在所述控制所述目标元素响应发生在以所述点击操作对应在所述当前操作对象中的位置为拖拽起点的拖拽操作之后，还包括：当检测到所述拖拽设备对应的显示标识符位于当前页面显示区域之外时，控制所述目标元素保持当前的位置与显示状态。

具体的，当前显示页面不是设备屏幕尺寸时，则部分区域属于当前显示区域之外的区域。在一个具体的例子中，以当前显示页面为浏览器页面为例，也即，浏览器下的多元素交互，例如，当前的浏览器显示页面占设备屏幕尺寸的60％，则另外40％为空闲区域，则在对目标元素拖拽的过程中，在检测到拖拽设备对应的显示标识符位于60％的浏览器显示区域之外时，则表明此时的拖拽操作已经不被响应，则保持目标元素保持当前的位置与显示状态。可选的，当前的位置显示状态包括目标元素的与其他元素的位置关系与层级关系等。本实施例中，防止了用户在当前显示页面之外的无效的拖拽操作，只响应有效的拖拽操作，提高了目标元素之间或目标元素与其他显示背景之间的交互的效率。

示例性的，还可以获取当前显示页面与设备屏幕显示尺寸交界线的坐标，其中，交界线包括上边界交界线、下边界交界线、左边界交界线和右边界交界线。以设备屏幕中心点作为坐标原点，设备屏幕水平向右为x轴正方向，设备屏幕水平向左为x轴负方向，设备屏幕垂直向上为y轴正方向，设备屏幕垂直向下为y轴负方向。可选的，横坐标大于右边界交界线的横坐标的区域、横坐标小于左边界交界线的横坐标的区域、纵坐标大于上边界交界线的纵坐标的区域以及纵坐标小于下边界交界线的纵坐标的区域均为当前页面显示区域之外的区域。确定显示当前页面的显示区域，对在显示区域之外的操作不响应，提高了目标元素之间或目标元素与其他显示背景之间的交互的效率。

在上述技术方案的基础上，本发明实施例提供的方法还包括：若当前操作对象处于多重选择模式，则确定所述当前操作对象中的多重选择区域；根据用户的拖拽操作拖动位于所述多重选择区域的元素至目标位置。

具体的，检测当前操作对象是否处于多重选择模式，若是，则确定当前操作对象中的多重选择区域。其中，对于多重选择区域内的元素，可以同时对其进行操作，例如多重选择区域内包括2个元素，则这两个元素可以被同时进行拖动、编辑或自定义等操作。根据用户的拖拽操作拖动位于多重选择区域的元素至目标位置，在一个具体的例子中，图3b示出了一种多个元素在非操作状态的显示图，图3b中包括矩形12、五边形13和五角星14。图3c示出了一种多元素交互时应用本方案后下层元素不被遮挡的示意图，其中，图3c包括矩形15、五边形16和五角星17。350为矩形15的逻辑边界，矩形15位于最底层，应用本发明实施例提供的方案后可以进行交互而不被其他元素遮挡。

可选的，确定所述当前操作对象中的多重选择区域可以通过以下方式实现：根据所述多重选择模式下的拖拽设备对应的显示标识符的起点位置和终点位置确定包括所述起点和所述终点的矩形区域；确定所述矩形区域与所述各元素激活区域的相交区域为多重选择区域。

其中，拖拽设备以鼠标为例，根据拖拽操作中的鼠标对应的显示标识符的起点位置和终点位置，绘制半透明矩形，并在鼠标释放时，计算该半透明矩形与激活边界的相交情况，找出与其相交的元素，并计算出这些元素的共有边框，将这个边框构成的区域设置为多重选择区域，多重选择区域内的元素可以实现多重拖拽功能。

具体的，通过计算半透明矩形四个顶点的坐标确定该半透明矩形对应的区域，通过激活边界确定的当前显示页面的区域，则将这两个区域中坐标相同的点组成的区域为相交的元素对应的区域。通过分析相交的元素的在上、下、左、右四个方向的边界来确定这些元素的共有边框。

在一个具体的例子中，图3d示出了一种多重选择模式下确定多重选择区域的示意图，其中，360为多重选择区域，图3d包括矩形18、五边形19和五角星20，其中五边形19和五角星20为多重选择区域内的元素，可以对五边形19和五角星20同时进行拖拽。

本发明实施例中通过绘制包括拖拽起点和拖拽重点的半透明矩形来确定多重选择区域，以实现多重选择区域内的拖拽功能。可选的，多重拖拽功能是指多重选择区域内的元素跟随鼠标一起移动。在上述实施例中，执行操作的设备是鼠标为例，在对目标元素的操作结束后，则在鼠标释放时修改元素的显示数据，重新进行渲染并显示。

实施例四

图4是本发明实施例四提供的一种多元素交互装置的结构示意图，该装置适用于执行本发明实施例提供给的一种多元素交互方法。如图4所示，该装置具体可以包括：

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

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

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

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

进一步的，确定模块420具体用于：

根据所述点击操作获取所述激活区域中的元素的标识码；

将所述元素的标识码与预存元素列表中的标识码进行匹配来确定所述点击操作对应的目标元素。

进一步的，确定模块420具体用于：

若检测到发生所述点击操作的过程中有设定的多选指令产生，则将所述多选指令存在时间范围内的多个点击操作对应的多个元素的标识码与所述预存元素列表中的标识码进行匹配，来确定所述多个点击操作对应的目标元素。

进一步的，所述满足设定条件的对所述目标元素的操作包括：满足设定条件的对所述目标元素的拖拽操作；

响应模块430具体用于：

将拖拽设备在拖拽操作结束时在当前页面上显示的标识符的位置作为目标点；

响应于从所述点击操作对应在所述当前操作对象中的位置的拖拽起点移动至所述目标点来响应所述拖拽操作。

进一步的，还包括：

控制模块，用于在控制所述目标元素响应发生在以所述点击操作对应在所述当前操作对象中的位置为拖拽起点的拖拽操作之后，当检测到所述拖拽设备对应的显示标识符位于当前浏览器页面显示区域之外时，控制所述目标元素保持当前的位置与显示状态。

进一步的，还包括：

多重选择区域确定模块，用于在当前操作对象处于多重选择模式时，确定所述当前操作对象中的多重选择区域；

多重区域拖拽模块，用于根据用户的拖拽操作拖动位于所述多重选择区域的元素至目标位置。

进一步的，所述多重选择区域确定模块具体用于：

根据所述多重选择模式下的拖拽设备对应的显示标识符的起点位置和终点位置确定包括所述起点和所述终点的矩形区域；

确定所述矩形区域与所述各元素激活区域的相交区域为多重选择区域。

本发明实施例提供的多元素交互装置可执行本发明任意实施例提供的多元素交互方法，具备执行方法相应的功能模块和有益效果。

实施例五

图5为本发明实施例五提供的一种计算机设备的结构示意图。图5示出了适于用来实现本发明实施方式的示例性计算机设备12的框图。图5显示的计算机设备12仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图5所示，计算机设备12以通用计算设备的形式表现。计算机设备12的组件可以包括但不限于：一个或者多个处理器或者处理单元16，系统存储器28，连接不同系统组件(包括系统存储器28和处理单元16)的总线18。

总线18表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(isa)总线，微通道体系结构(mac)总线，增强型isa总线、视频电子标准协会(vesa)局域总线以及外围组件互连(pci)总线。

计算机设备12典型地包括多种计算机系统可读介质。这些介质可以是任何能够被计算机设备12访问的可用介质，包括易失性和非易失性介质，可移动的和不可移动的介质。

系统存储器28可以包括易失性存储器形式的计算机系统可读介质，例如随机存取存储器(ram)30和/或高速缓存存储器32。计算机设备12可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例，存储系统34可以用于读写不可移动的、非易失性磁介质(图5未显示，通常称为“硬盘驱动器”)。尽管图5中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如cd-rom,dvd-rom或者其它光介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据介质接口与总线18相连。存储器28可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本发明各实施例的功能。

具有一组(至少一个)程序模块42的程序/实用工具40，可以存储在例如存储器28中，这样的程序模块42包括——但不限于——操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块42通常执行本发明所描述的实施例中的功能和/或方法。

计算机设备12也可以与一个或多个外部设备14(例如键盘、指向设备、显示器24等)通信，还可与一个或者多个使得用户能与该计算机设备12交互的设备通信，和/或与使得该计算机设备12能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(i/o)接口22进行。并且，计算机设备12还可以通过网络适配器20与一个或者多个网络(例如局域网(lan)，广域网(wan)和/或公共网络，例如因特网)通信。如图所示，网络适配器20通过总线18与计算机设备12的其它模块通信。应当明白，尽管图5中未示出，可以结合计算机设备12使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、raid系统、磁带驱动器以及数据备份存储系统等。

处理单元16通过运行存储在系统存储器28中的程序，从而执行各种功能应用以及数据处理，例如实现本发明实施例所提供的多元素交互方法：

也即，所述处理单元执行所述程序时实现：若检测到当前操作对象为逻辑边界有重合的至少两个元素，则判断点击操作对应在所述当前操作对象中的位置是否处于元素的激活区域；若是，则根据所述激活区域确定所述激活区域对应的目标元素；响应于满足设定条件的对所述目标元素的操作，控制所述目标元素根据所述操作对应的编辑指令改变显示状态；其中，所述元素的激活区域包括所述元素的边界线以及所述边界线形成的封闭区域，所述逻辑边界为所述元素处于被选中状态时显示的矩形边界。

实施例六

本发明实施例六提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本申请所有发明实施例提供的多元素交互方法：

也即，该程序被处理器执行时实现：若检测到在当前操作对象为逻辑边界有重合的至少两个元素，则判断点击操作对应在所述当前操作对象中的位置是否处于元素的激活区域；若是，则根据所述激活区域确定所述激活区域对应的目标元素；响应于满足设定条件的对所述目标元素的操作，控制所述目标元素根据所述操作对应的编辑指令改变显示状态；其中，所述元素的激活区域包括所述元素的边界线以及所述边界线形成的封闭区域，所述逻辑边界为所述元素处于被选中状态时显示的矩形边界。

可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括——但不限于——电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括——但不限于——无线、电线、光缆、rf等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如java、smalltalk、c++，还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(lan)或广域网(wan)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。