[发明专利]页面交互方法及装置

说明书

本发明公开了一种页面交互方法及装置，涉及电子信息领域，该方法包括：当接收到与页面中的预设交互元素相对应的交互指令时，确定与所述交互指令相对应的交互位置；判断所述交互位置与所述预设交互元素中包含的指令响应区域是否匹配；若否，将所述交互指令透传给与所述预设交互元素相对应的底层元素，以供所述底层元素处理所述交互指令。该方式降低了用户在意图操控其底层元素时误触发交互元素的概率，避免了交互元素与其底层元素之间的冲突，提升了用户体验。

技术领域

本发明涉及电子信息领域，具体涉及一种页面交互方法及装置。

背景技术

目前，很多页面中都会包含交互元素，用以提供与用户之间的交互功能。例如，在生活类应用的页面首页通常会包括一个用于引导用户点击热门优惠活动的活动类交互元素，通过该活动类交互元素能够跳转到热门优惠活动页面。

但是，发明人在实现本发明的过程中，发现上述方式至少存在如下问题：在现有技术中，交互元素通常由形状规则的容器承载，而交互元素的元素图案则可能为各类不规则形状，相应地，交互元素的元素图案无法将容器全部填充，而必然存在部分空白区域。该部分空白区域通常直接显示交互元素所对应的底层元素的内容。由此可见，该部分空白区域在用户看来是属于底层元素的内容，因此，用户往往会直接点击该部分空白区域以操控其底层元素，但实质上，由于该部分空白区域由交互元素所在的容器承载，因而导致用户在意图操控其底层元素时误触发交互元素，由此容易导致交互元素与其底层元素之间发生冲突，从而严重降低了用户体验。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种页面交互方法及装置。

根据本发明的一个方面，提供了一种页面交互方法，包括：

当接收到与页面中的预设交互元素相对应的交互指令时，确定与所述交互指令相对应的交互位置；

判断所述交互位置与所述预设交互元素中包含的指令响应区域是否匹配；

若否，将所述交互指令透传给与所述预设交互元素相对应的底层元素，以供所述底层元素处理所述交互指令。

可选地，所述判断所述交互位置与所述预设交互元素中包含的指令响应区域是否匹配之后，进一步包括：

若是，由所述预设交互元素处理所述交互指令。

可选地，所述判断所述交互位置与所述预设交互元素中包含的指令响应区域是否匹配包括：

按照预设的区域划分规则，将所述预设交互元素划分为指令响应区域以及指令透传区域；

根据所述交互位置是否属于所述指令响应区域的区域范围，判断所述交互位置与所述预设交互元素中包含的指令响应区域是否匹配。

可选地，所述预设的区域划分规则包括：

针对所述预设交互元素对应的元素图片进行灰度处理，根据灰度处理结果确定所述预设交互元素中包含的透明区域以及非透明区域；

将所述非透明区域确定为指令响应区域，将所述透明区域确定为指令透传区域。

可选地，所述根据灰度处理结果确定所述预设交互元素中包含的透明区域以及非透明区域之后，进一步包括：

针对所述预设交互元素中包含的透明区域和/或非透明区域执行膨胀处理和/或腐蚀处理。

可选地，所述预设交互元素为动态交互元素，则所述判断所述交互位置与所述预设交互元素中包含的指令响应区域是否匹配具体包括：

根据所述动态交互元素的实时状态信息，动态确定所述预设交互元素中包含的指令响应区域，并判断所述交互位置与动态确定的指令响应区域是否匹配。