CN107450809B - 页面交互方法、装置以及电子终端 - Google Patents

Abstract

本申请公开了一种页面交互方法，应用于电子终端，所述页面交互方法包括：确定所述电子终端当前显示页面的待拖动页面元素；确定并显示所述待拖动页面元素的目标显示页面；接收第一拖动指令，将所述待拖动页面元素拖动至目标显示页面的目标位置；其中，所述待拖动页面元素所处的当前显示页面与所述目标位置所处的目标显示页面为不同页面。本发明实施例先获取目标显示页面，可使用户直接将待拖动页面元素拖动至目标显示页面的目标位置，对于较长的页面内容尤其是当前显示页面与目标显示页面为不同页面时，无需较长的拖拽路径和操作时间，能够使用户快速准确的完成拖拽行为。

Description

页面交互方法、装置以及电子终端

技术领域

本申请属于界面交互领域，具体地说，涉及一种页面交互方法、装置以及电子终端。

背景技术

在互联网产品中，对页面元素进行拖动是非常常见的交互行为，可以很直观的对元素进行排序归类。

现有的拖拽功能，对于较长的内容区域，如果拖拽的目标不在可视区域内，拖拽就变得很麻烦，现有的方案往往是拖拽到可视区域的上/下边缘，然后触发页面滚动到目标区域，再完成拖拽操作。如果对于较长的内容页面，这种交互意味着较长的拖拽路径和操作时间，而且触发页面滚动的行为也不是很准确。

因此，如何在页面中准确快速的完成拖拽行为，是亟待解决的问题。

发明内容

有鉴于此，本申请所要解决的技术问题是提供了一种页面交互方法、装置以及电子终端，用以使用户能够准确快速的完成拖拽行为。

为了解决上述技术问题，本申请公开了一种页面交互方法，应用于电子终端，包括：

确定所述电子终端当前显示页面的待拖动页面元素；

确定并显示所述待拖动页面元素的目标显示页面；

接收第一拖动指令，将所述待拖动页面元素拖动至目标显示页面的目标位置；其中，所述待拖动页面元素所处的当前显示页面与所述目标位置所处的目标显示页面为同一页面的不同显示界面。

为了解决上述问题，本申请还公开了一种页面交互装置，包括：

确定模块，用于确定所述电子终端当前显示页面的待拖动页面元素；

显示模块，用于确定并显示所述待拖动页面元素的目标显示页面；

拖动模块，用于接收第一拖动指令，将所述待拖动页面元素拖动至目标显示页面的目标位置；其中，所述待拖动页面元素所处的当前显示页面与所述目标位置所处的目标显示页面为同一页面的不同显示界面。

为了解决上述问题，本申请还公开了一种电子终端，包括页面交互装置，所述页面交互装置包括：

确定模块，用于确定所述电子终端当前显示页面的待拖动页面元素；

显示模块，用于确定并显示所述待拖动页面元素的目标显示页面；

拖动模块，用于接收第一拖动指令，将所述待拖动页面元素拖动至目标显示页面的目标位置；其中，所述待拖动页面元素所处的当前显示页面与所述目标位置所处的目标显示页面为同一页面的不同显示界面。

与现有技术相比，本申请可以获得包括以下技术效果：

在本申请实施例中，当确定电子终端当前显示页面具有待拖动页面元素时，确定并显示所述待拖动页面元素的目标显示页面，再直接根据第一拖动指令将待拖动页面元素拖动至目标显示页面的目标位置。本发明实施例先获取目标显示页面，可使用户直接将待拖动页面元素拖动至目标显示页面的目标位置，对于较长的页面内容尤其是当前显示页面与目标显示页面为同一页面的不同显示界面时，无需较长的拖拽路径和操作时间，能够使用户快速准确的完成拖拽行为。

当然，实施本申请的任一产品必不一定需要同时达到以上所述的所有技术效果。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是本申请实施例一提供的基于电子终端的页面交互方法流程示意图；

图2A是本申请实施例二提供的基于电子终端的页面交互方法流程示意图；

图2B是本申请实施例提供的包括锚点组件的页面示意图；

图2C是本申请实施例二提供的页面交互方法的页面交互图；

图2D是基于图2C的页面交互之后的示意图；

图3是本申请实施例三提供的基于电子终端的页面交互方法流程示意图；

图4是本申请实施例四提供的基于电子终端的页面交互方法流程示意图；

图5是本申请实施例五提供的基于电子终端的页面交互方法流程示意图；

图6是本申请实施例六提供的基于电子终端的页面交互方法流程示意图；

图7是本申请实施例七提供的基于电子终端的页面交互方法流程示意图；

图8是本申请实施例八提供的基于电子终端的页面交互装置结构示意图；

图9是本申请实施例九提供的电子终端的结构示意图；

图10是本申请实施例提供的电子终端的另一结构示意图。

具体实施方式

以下将配合附图及实施例来详细说明本申请的实施方式，藉此对本申请如何应用技术手段来解决技术问题并达成技术功效的实现过程能充分理解并据以实施。

实施例一

本申请实施例提供的一种页面交互方法，应用于电子终端。具体的，电子终端可以为PC、智能手机、PAD(平板电脑)、PC平板二合一等，其中，所述电子终端可以具有有线网络接口，也可以具有无线网络接口。请参阅图1，示出了本实施例提供的页面交互方法的流程示意图，可以包括：

步骤100、确定所述电子终端当前显示页面的待拖动页面元素；

步骤102、确定并显示所述待拖动页面元素的目标显示页面；

步骤104、接收第一拖动指令，其中，所述第一拖动指令包括目标显示页面的目标位置。根据所述第一拖动指令，将所述待拖动页面元素拖动至目标显示页面的目标位置。

在本实施例进一步的实施方式中，所述待拖动页面元素所处的当前显示页面与所述目标位置所处的目标显示页面为同一页面的不同显示界面，具体的，所述待拖动页面元素所处的当前显示区域与目标位置所处的目标显示区域为同一页面的不同显示界面，更具体的，所述待拖动页面元素所处的当前显示位置与目标位置为同一页面的不同显示界面。其中，若所述当前显示区域处于电子终端的当前显示界面，则目标显示区域不处于电子终端的当前显示界面。这样，当当前显示页面与目标显示页面处于不同显示界面时，可使用户直接将待拖动页面元素拖动至目标显示页面的目标位置，无需较长的拖拽路径和操作时间，能够使用户快速准确的完成拖拽行为。

在上述实施例中，当确定电子终端当前显示页面具有待拖动页面元素时，确定并显示所述待拖动页面元素的目标显示页面，再直接根据第一拖动指令将待拖动页面元素拖动至目标显示页面的目标位置。本发明实施例先获取目标显示页面，可使用户直接将待拖动页面元素拖动至目标显示页面的目标位置，对于较长的页面内容尤其是当前显示页面与目标显示页面为同一页面的不同显示界面时，无需较长的拖拽路径和操作时间，能够使用户快速准确的完成拖拽行为。

实施例二

本申请实施例提供的一种页面交互方法，应用于电子终端。具体的，电子终端可以为PC、智能手机、PAD(平板电脑)、PC平板二合一等，其中，所述电子终端可以具有有线网络接口，也可以具有无线网络接口。请参阅图2A至图2C，图2A示出了本实施例提供的页面交互方法的流程示意图，图2B示出了电子终端当前显示页面包括锚点组件(图2B中右方所示的①②③④)和多个可拖动的页面元素(图2B中左方所示的BCD)，本实施例提供的页面交互方法可以包括：

步骤200、确定所述电子终端当前显示页面的待拖动页面元素。具体的，以图2C为例，图2C示出了电子终端当前显示页面包括锚点组件(图2C中所示的①②③④)和多个可拖动的页面元素(图2C中所示的ABCDE)。其中，页面元素B为待拖动页面元素，区域“3.xxx————”的页面元素D的下一个位置为目标位置。其中，所述页面元素B所处的当前显示区域与目标位置所处的目标显示区域为同一页面的不同显示界面，可以理解为页面元素B与目标位置所处的目标显示区域不在电子终端的同一屏幕下显示。

步骤202、确定目标锚点，显示所述目标锚点关联的目标显示页面。具体的，接收第二拖动指令，将所述待拖动页面元素拖动至目标锚点。如图2C所示，用户将页面元素B拖动至目标锚点③，此时，电子终端响应于将页面元素B拖动至目标锚点③的第二拖动指令。

步骤204、显示所述目标锚点关联的目标显示页面。如图2C所示，目标锚点③关联的目标显示页面，包括区域“3.xxx————”中目标位置的目标显示页面。

步骤206、接收第一拖动指令，其中，所述第一拖动指令包括目标显示页面的目标位置。根据所述第一拖动指令，将所述待拖动页面元素拖动至目标显示页面的目标位置。如图2C和图2D所示，将页面元素B拖动至目标显示页面的目标位置，并将页面元素B在目标位置处显示。

在本实施例中，所述待拖动页面元素所处的当前显示页面与所述目标位置所处的目标显示页面为同一页面的不同显示界面。这样，当前显示页面与目标显示页面为同一页面的不同显示界面时，可使用户直接将待拖动页面元素拖动至目标显示页面的目标位置，无需较长的拖拽路径和操作时间，能够使用户快速准确的完成拖拽行为。

在上述实施例中，当确定电子终端当前显示页面具有待拖动页面元素时，确定并显示所述待拖动页面元素的目标显示页面，再直接根据第一拖动指令将待拖动页面元素拖动至目标显示页面的目标位置。本发明实施例先获取目标显示页面，可使用户直接将待拖动页面元素拖动至目标显示页面的目标位置，对于较长的页面内容尤其是当前显示页面与目标显示页面为同一页面的不同显示界面时，无需较长的拖拽路径和操作时间，能够使用户快速准确的完成拖拽行为。

实施例三

本申请实施例提供的一种页面交互方法，应用于电子终端。具体的，电子终端可以为PC、智能手机、PAD(平板电脑)、PC平板二合一等，其中，所述电子终端可以具有有线网络接口，也可以具有无线网络接口。请参阅图2B至图2D以及图3，其中，2B示出了电子终端当前显示页面包括锚点组件(图2B中右方所示的①②③④)和多个可拖动的页面元素(图2B中左方所示的BCD)，图3示出了本实施例提供的页面交互方法的流程示意图，可以包括：

步骤300、确定所述电子终端当前显示页面的待拖动页面元素。具体的，以图2C为例，图2C示出了电子终端当前显示页面包括锚点组件(图2C中所示的①②③④)和多个可拖动的页面元素(图2C中所示的ABCDE)。其中，页面元素B为待拖动页面元素，区域“3.xxx————”的页面元素D的下一个位置为目标位置。其中，所述页面元素B所处的当前显示区域与目标位置所处的目标显示区域为同一页面的不同显示界面，可以理解为页面元素B与目标位置所处的目标显示区域不在电子终端的同一屏幕下显示。

步骤302、接收第二拖动指令，将所述待拖动页面元素拖动至目标锚点。如图2C所示，用户将页面元素B拖动至目标锚点③，此时，电子终端响应于将页面元素B拖动至目标锚点③的第二拖动指令。

步骤304、检测到对所述当前显示页面进行滚动的滚屏操作，其中所述滚屏操作包括所述目标显示页面的显示位置。在这里，当前显示页面可以包括滚动条，用户可以通过拉动滚动条触发滚屏操作。在其他实施方式中，还可以通过页面翻动器触发滚屏操作。

步骤306、响应所述滚屏操作，根据所述显示位置使响应于所述滚屏操作后所述电子终端显示目标显示页面。

步骤308、显示所述目标锚点关联的目标显示页面。如图2C所示，目标锚点③关联的目标显示页面，包括区域“3.xxx————”中目标位置的目标显示页面。

步骤310、接收第一拖动指令，其中，所述第一拖动指令包括目标显示页面的目标位置。根据所述第一拖动指令，将所述待拖动页面元素拖动至目标显示页面的目标位置。如图2C和图2D所示，将页面元素B拖动至目标显示页面的目标位置，并将页面元素B在目标位置处显示。本实施例结合了将长内容页面的原来的锚点组件用于优化拖拽行为，帮助快速准确的滚动页面。

在本实施例进一步的实施方式中，所述待拖动页面元素所处的当前显示页面与所述目标位置所处的目标显示页面为同一页面的不同显示界面。这样，当当前显示页面与目标显示页面为同一页面的不同显示界面时，可使用户直接将待拖动页面元素拖动至目标显示页面的目标位置，无需较长的拖拽路径和操作时间，能够使用户快速准确的完成拖拽行为。

在上述实施例中，当确定电子终端当前显示页面具有待拖动页面元素时，确定并显示所述待拖动页面元素的目标显示页面，再直接根据第一拖动指令将待拖动页面元素拖动至目标显示页面的目标位置。本发明实施例先获取目标显示页面，可使用户直接将待拖动页面元素拖动至目标显示页面的目标位置，对于较长的页面内容尤其是当前显示页面与目标显示页面为不同页面时，无需较长的拖拽路径和操作时间，能够使用户快速准确的完成拖拽行为。

实施例四

本申请实施例提供的一种页面交互方法，应用于电子终端。具体的，电子终端可以为PC、智能手机、PAD(平板电脑)、PC平板二合一等，其中，所述电子终端可以具有有线网络接口，也可以具有无线网络接口。请参阅图4，示出了本实施例提供的页面交互方法的流程示意图，可以包括：

步骤400、确定所述电子终端当前显示页面的待拖动页面元素；

步骤402、对所述当前显示页面进行分页操作，得到第二当前显示页面；

步骤404、在所述第二当前显示页面中确定并显示所述待拖动页面元素的目标显示页面；

步骤406、接收第一拖动指令，其中，所述第一拖动指令包括目标显示页面的目标位置。根据所述第一拖动指令，将所述待拖动页面元素从当前显示页面拖动至目标显示页面的目标位置。

在上述实施例中，对于当前显示页面较长时，可利用分页操作开启或新建与当前显示页面相同的第二当前显示页面，此时在第二当前显示页面中确定并显示所述待拖动页面元素的目标显示页面时，可直接将待拖动页面元素从当前显示页面拖动到由第二当前显示页面产生的目标显示页面，无需较长的拖拽路径和操作时间，能够使用户快速准确的完成拖拽行为。

在本实施例进一步的实施方式中，所述待拖动页面元素所处的当前显示页面与所述目标位置所处的目标显示页面可以为同一页面的不同显示界面，具体的，所述待拖动页面元素所处的当前显示区域与目标位置所处的目标显示区域为同一页面的不同显示界面，更具体的，所述待拖动页面元素所处的当前显示位置与目标位置为同一页面的不同显示界面。其中，若所述当前显示区域处于电子终端的当前显示界面，则目标显示区域不处于电子终端的当前显示界面。

应当理解的是，由于第二当前显示页面与当前显示页面相同，故第二当前显示页面与所述目标位置所处的目标显示页面可以为同一页面的不同显示界面，具体的，所述待拖动页面元素在第二当前页面对应的显示区域与目标位置所处的目标显示区域为同一页面的不同显示界面，更具体的，所述待拖动页面元素第二当前页面对应的显示位置与目标位置为同一页面的不同显示界面。其中，若所述待拖动页面元素在第二当前页面对应的显示区域处于电子终端的当前显示界面，则目标显示区域不处于电子终端的当前显示界面。

这样，当当前显示页面与目标显示页面为同一页面的不同显示界面时，可使用户直接将待拖动页面元素从当前显示页面拖动至目标显示页面的目标位置，无需较长的拖拽路径和操作时间，能够使用户快速准确的完成拖拽行为。

实施例五

本申请实施例提供的一种页面交互方法，应用于电子终端。具体的，电子终端可以为PC、智能手机、PAD(平板电脑)、PC平板二合一等，其中，所述电子终端可以具有有线网络接口，也可以具有无线网络接口。本实施例与实施例二基本相似，不同之处在于：本实施例对所述当前显示页面进行分页操作，得到第二当前显示页面；在所述第二当前显示页面中确定并显示所述待拖动页面元素的目标显示页面。

请参阅图5，示出了本实施例提供的页面交互方法的流程示意图，可以包括：

步骤500、确定所述电子终端当前显示页面的待拖动页面元素；

步骤502、对所述当前显示页面进行分页操作，得到第二当前显示页面。

步骤504、确定目标锚点，接收点击目标锚点的点击指令，以到达目标锚点关联的目标显示页面。

步骤506、显示所述目标锚点关联的目标显示页面。

步骤508、接收第一拖动指令，其中，所述第一拖动指令包括目标显示页面的目标位置。根据所述第一拖动指令，将所述待拖动页面元素从当前显示页面拖动至目标显示页面的目标位置。本实施例结合了将长内容页面的原来的锚点组件用于优化拖拽行为，帮助快速准确的滚动页面。

在上述实施例中，对于当前显示页面较长时，可利用分页操作开启或新建与当前显示页面相同的第二当前显示页面，此时在第二当前显示页面中确定并显示所述待拖动页面元素的目标显示页面时，可直接将待拖动页面元素从当前显示页面拖动到由第二当前显示页面产生的目标显示页面，无需较长的拖拽路径和操作时间，能够使用户快速准确的完成拖拽行为。

在本实施例进一步的实施方式中，所述待拖动页面元素所处的当前显示页面与所述目标位置所处的目标显示页面可以为同一页面的不同显示界面，具体的，所述待拖动页面元素所处的当前显示区域与目标位置所处的目标显示区域为同一页面的不同显示界面，更具体的，所述待拖动页面元素所处的当前显示位置与目标位置为同一页面的不同显示界面。其中，若所述当前显示区域处于电子终端的当前显示界面，则目标显示区域不处于电子终端的当前显示界面。

应当理解的是，由于第二当前显示页面与当前显示页面相同，故第二当前显示页面与所述目标位置所处的目标显示页面可以为同一页面的不同显示界面，具体的，所述待拖动页面元素在第二当前页面对应的显示区域与目标位置所处的目标显示区域为同一页面的不同显示界面，更具体的，所述待拖动页面元素第二当前页面对应的显示位置与目标位置为同一页面的不同显示界面。其中，若所述待拖动页面元素在第二当前页面对应的显示区域处于电子终端的当前显示界面，则目标显示区域不处于电子终端的当前显示界面。

这样，当当前显示页面与目标显示页面为同一页面的不同显示界面时，可使用户直接将待拖动页面元素拖动至目标显示页面的目标位置，无需较长的拖拽路径和操作时间，能够使用户快速准确的完成拖拽行为。

实施例六

本申请实施例提供的一种页面交互方法，应用于电子终端。具体的，电子终端可以为PC、智能手机、PAD(平板电脑)、PC平板二合一等，其中，所述电子终端可以具有有线网络接口，也可以具有无线网络接口。

请参阅图6，示出了本实施例提供的页面交互方法的流程示意图，可以包括：

步骤600、确定所述电子终端当前显示页面的待拖动页面元素；

步骤602、对所述当前显示页面进行分页操作，得到第二当前显示页面。

步骤604、检测到对所述第二当前显示页面进行滚动的滚屏操作，其中所述滚屏操作包括所述目标显示页面的显示位置。在这里，当前显示页面可以包括滚动条，用户可以通过拉动滚动条触发滚屏操作。在其他实施方式中，还可以通过页面翻动器触发滚屏操作。

步骤606、响应所述滚屏操作，根据所述显示位置使响应于所述滚屏操作后所述电子终端显示目标显示页面。

步骤608、接收第一拖动指令，其中，所述第一拖动指令包括目标显示页面的目标位置。根据所述第一拖动指令，将所述待拖动页面元素从当前显示页面拖动至目标显示页面的目标位置。

在上述实施例中，对于当前显示页面较长时，可利用分页操作开启或新建与当前显示页面相同的第二当前显示页面，此时在第二当前显示页面中确定并显示所述待拖动页面元素的目标显示页面时，可直接将待拖动页面元素从当前显示页面拖动到由第二当前显示页面产生的目标显示页面，无需较长的拖拽路径和操作时间，能够使用户快速准确的完成拖拽行为。

在本实施例进一步的实施方式中，所述待拖动页面元素所处的当前显示页面与所述目标位置所处的目标显示页面可以为同一页面的不同显示界面，具体的，所述待拖动页面元素所处的当前显示区域与目标位置所处的目标显示区域为同一页面的不同显示界面，更具体的，所述待拖动页面元素所处的当前显示位置与目标位置为同一页面的不同显示界面。其中，若所述当前显示区域处于电子终端的当前显示界面，则目标显示区域不处于电子终端的当前显示界面。

应当理解的是，由于第二当前显示页面与当前显示页面相同，故第二当前显示页面与所述目标位置所处的目标显示页面可以为同一页面的不同显示界面，具体的，所述待拖动页面元素在第二当前页面对应的显示区域与目标位置所处的目标显示区域为同一页面的不同显示界面，更具体的，所述待拖动页面元素第二当前页面对应的显示位置与目标位置为同一页面的不同显示界面。其中，若所述待拖动页面元素在第二当前页面对应的显示区域处于电子终端的当前显示界面，则目标显示区域不处于电子终端的当前显示界面。

这样，当当前显示页面与目标显示页面为同一页面的不同显示界面时，可使用户直接将待拖动页面元素拖动至目标显示页面的目标位置，无需较长的拖拽路径和操作时间，能够使用户快速准确的完成拖拽行为。

实施例七

本申请实施例提供的一种页面交互方法，应用于电子终端。具体的，电子终端可以为PC、智能手机、PAD(平板电脑)、PC平板二合一等，其中，所述电子终端可以具有有线网络接口，也可以具有无线网络接口。本实施例与实施例三基本相似，不同之处在于：本实施例对所述当前显示页面进行分页操作，得到第二当前显示页面；在所述第二当前显示页面中确定并显示所述待拖动页面元素的目标显示页面。

请参阅图7，示出了本实施例提供的页面交互方法的流程示意图，可以包括：

步骤700、确定所述电子终端当前显示页面的待拖动页面元素；

步骤702、对所述当前显示页面进行分页操作，得到第二当前显示页面。

步骤704、确定目标锚点，接收点击目标锚点的点击指令，以到达目标锚点关联的目标显示页面。

步骤706、检测到对所述第二当前显示页面进行滚动的滚屏操作，其中所述滚屏操作包括所述目标显示页面的显示位置。在这里，当前显示页面可以包括滚动条，用户可以通过拉动滚动条触发滚屏操作。在其他实施方式中，还可以通过页面翻动器触发滚屏操作。

步骤708、响应所述滚屏操作，根据所述显示位置使响应于所述滚屏操作后所述电子终端显示目标显示页面。

步骤710、接收第一拖动指令，其中，所述第一拖动指令包括目标显示页面的目标位置。根据所述第一拖动指令，将所述待拖动页面元素从当前显示页面拖动至目标显示页面的目标位置。本实施例结合了将长内容页面的原来的锚点组件用于优化拖拽行为，帮助快速准确的滚动页面。

在上述实施例中，对于当前显示页面较长时，可利用分页操作开启或新建与当前显示页面相同的第二当前显示页面，此时在第二当前显示页面中确定并显示所述待拖动页面元素的目标显示页面时，可直接将待拖动页面元素从当前显示页面拖动到由第二当前显示页面产生的目标显示页面，无需较长的拖拽路径和操作时间，能够使用户快速准确的完成拖拽行为。

在本实施例进一步的实施方式中，所述待拖动页面元素所处的当前显示页面与所述目标位置所处的目标显示页面可以为同一页面的不同显示界面，具体的，所述待拖动页面元素所处的当前显示区域与目标位置所处的目标显示区域为同一页面的不同显示界面，更具体的，所述待拖动页面元素所处的当前显示位置与目标位置为同一页面的不同显示界面。其中，若所述当前显示区域处于电子终端的当前显示界面，则目标显示区域不处于电子终端的当前显示界面。

应当理解的是，由于第二当前显示页面与当前显示页面相同，故第二当前显示页面与所述目标位置所处的目标显示页面可以为同一页面的不同显示界面，具体的，所述待拖动页面元素在第二当前页面对应的显示区域与目标位置所处的目标显示区域为同一页面的不同显示界面，更具体的，所述待拖动页面元素第二当前页面对应的显示位置与目标位置为同一页面的不同显示界面。其中，若所述待拖动页面元素在第二当前页面对应的显示区域处于电子终端的当前显示界面，则目标显示区域不处于电子终端的当前显示界面。

这样，当当前显示页面与目标显示页面为同一页面的不同显示界面时，可使用户直接将待拖动页面元素拖动至目标显示页面的目标位置，无需较长的拖拽路径和操作时间，能够使用户快速准确的完成拖拽行为。

实施例八

请参阅图8，本实施例提供一种页面交互装置，其应用于电子终端。该页面交互装置，可以包括：确定模块801、显示模块802和拖动模块803。

确定模块801，用于确定所述电子终端当前显示页面的待拖动页面元素；

显示模块802，用于确定并显示所述待拖动页面元素的目标显示页面；

拖动模块803，用于接收第一拖动指令，将所述待拖动页面元素拖动至目标显示页面的目标位置；其中，所述待拖动页面元素所处的当前显示页面与所述目标位置所处的目标显示页面为同一页面的不同显示界面。

其中，所述电子终端当前显示页面包括锚点组件，则所述显示模块具体用于：确定目标锚点，显示所述目标锚点关联的目标显示页面。

进一步的，所述显示模块801包括：

接收单元，用于接收第二拖动指令，将所述待拖动页面元素拖动至目标锚点；

第一显示单元，用于显示所述目标锚点关联的目标显示页面。

进一步的，所述显示模块801包括：

第一检测单元，用于检测到对所述当前显示页面进行滚动的滚屏操作，其中所述滚屏操作包括所述目标显示页面的显示位置；

第二响应单元，用于响应所述滚屏操作，根据所述显示位置使响应于所述滚屏操作后所述电子终端显示目标显示页面。

进一步的，所述显示模块801包括：

分页单元，用于对所述当前显示页面进行分页操作，得到第二当前显示页面；

第二显示单元，用于在所述第二当前显示页面中确定并显示所述待拖动页面元素的目标显示页面。

其中，所述第二当前显示页面包括锚点组件，则所述显示模块具体用于：确定目标锚点，显示所述目标锚点关联的目标显示页面。

进一步的，所述显示模块801包括：

第二接收单元，用于确定目标锚点，接收点击目标锚点的点击指令，以到达目标锚点关联的目标显示页面；

第三显示单元，用于显示所述目标锚点关联的目标显示页面。

进一步的，所述显示模块801包括：

第二检测单元，用于检测到对所述第二当前显示页面进行滚动的滚屏操作，其中所述滚屏操作包括所述目标显示页面的显示位置；

第二响应单元，用于响应所述滚屏操作，根据所述显示位置使响应于所述滚屏操作后所述电子终端显示目标显示页面。

本装置实施例与上述实施例一至七中的特征相互对应，因此可参见实施例一至十中方法流程部分的相关描述，在此不再赘述。

实施例九

请参阅图9，本实施例提供一种电子终端，包括如实施例五所述的页面交互装置。该页面交互装置，可以包括：确定模块901、显示模块902和拖动模块903。

确定模块901，用于确定所述电子终端当前显示页面的待拖动页面元素；

显示模块902，用于确定并显示所述待拖动页面元素的目标显示页面；

拖动模块903，用于接收第一拖动指令，将所述待拖动页面元素拖动至目标显示页面的目标位置；其中，所述待拖动页面元素所处的当前显示页面与所述目标位置所处的目标显示页面为同一页面的不同显示界面。

本实施例可具体参阅实施例八的描述部分，在此不再赘述。

请参阅图10，本申请实施例还提供一种电子终端，包括：

存储器1000；

一个或多个处理器1003；以及

一个或多个模块1001，所述一个或多个模块1001被存储在所述存储器中并被配置成由所述一个或多个处理器控制，所述一个或多个模块用于执行以下步骤的指令：

确定所述电子终端当前显示页面的待拖动页面元素；

确定并显示所述待拖动页面元素的目标显示页面；

接收第一拖动指令，将所述待拖动页面元素拖动至目标显示页面的目标位置；其中，所述待拖动页面元素所处的当前显示页面与所述目标位置所处的目标显示页面为同一页面的不同显示界面。

应当理解的是，图10所示的一个或多个模块还可以执行图1至图7所示的步骤的指令。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括非暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

如在说明书及权利要求当中使用了某些词汇来指称特定组件。本领域技术人员应可理解，硬件制造商可能会用不同名词来称呼同一个组件。本说明书及权利要求并不以名称的差异来作为区分组件的方式，而是以组件在功能上的差异来作为区分的准则。如在通篇说明书及权利要求当中所提及的“包含”为一开放式用语，故应解释成“包含但不限定于”。“大致”是指在可接收的误差范围内，本领域技术人员能够在一定误差范围内解决所述技术问题，基本达到所述技术效果。此外，“耦接”一词在此包含任何直接及间接的电性耦接手段。因此，若文中描述一第一装置耦接于一第二装置，则代表所述第一装置可直接电性耦接于所述第二装置，或通过其他装置或耦接手段间接地电性耦接至所述第二装置。说明书后续描述为实施本申请的较佳实施方式，然所述描述乃以说明本申请的一般原则为目的，并非用以限定本申请的范围。本申请的保护范围当视所附权利要求所界定者为准。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的商品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种商品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的商品或者系统中还存在另外的相同要素。

上述说明示出并描述了本发明的若干优选实施例，但如前所述，应当理解本发明并非局限于本文所披露的形式，不应看作是对其他实施例的排除，而可用于各种其他组合、修改和环境，并能够在本文所述发明构想范围内，通过上述教导或相关领域的技术或知识进行改动。而本领域人员所进行的改动和变化不脱离本发明的精神和范围，则都应在本发明所附权利要求的保护范围内。

Claims (13)

1.一种页面交互方法，应用于电子终端，其特征在于，所述页面交互方法包括：

确定所述电子终端当前显示页面的待拖动页面元素；

确定并显示所述待拖动页面元素的目标显示页面；

接收第一拖动指令，将所述待拖动页面元素拖动至目标显示页面的目标位置；其中，所述待拖动页面元素所处的当前显示页面与所述目标位置所处的目标显示页面为同一页面的不同显示界面；

其中，所述电子终端当前显示页面包括锚点组件，则所述确定并显示所述待拖动页面元素的目标显示页面包括：确定目标锚点，显示所述目标锚点关联的目标显示页面；

其中，所述显示所述目标锚点关联的目标显示页面包括：

接收第二拖动指令，将所述待拖动页面元素拖动至目标锚点；

显示所述目标锚点关联的目标显示页面；

其中，所述锚点组件包括多个锚点，所述多个锚点分别与所述同一页面的不同显示界面关联，各锚点关联的显示界面的长度小于或等于所述电子终端的可视区域的长度。

2.根据权利要求1所述的页面交互方法，其特征在于，所述确定并显示所述待拖动页面元素的目标显示页面包括：

检测到对所述当前显示页面进行滚动的滚屏操作，其中所述滚屏操作包括所述目标显示页面的显示位置；

响应所述滚屏操作，根据所述显示位置使响应于所述滚屏操作后所述电子终端显示目标显示页面。

3.根据权利要求1所述的页面交互方法，其特征在于，所述确定并显示所述待拖动页面元素的目标显示页面包括：

对所述当前显示页面进行分页操作，得到第二当前显示页面；

在所述第二当前显示页面中确定并显示所述待拖动页面元素的目标显示页面。

4.根据权利要求3所述的页面交互方法，其特征在于，所述第二当前显示页面包括锚点组件，则所述在所述第二当前显示页面中确定并显示所述待拖动页面元素的目标显示页面包括：确定目标锚点，显示所述目标锚点关联的目标显示页面。

5.根据权利要求4所述的页面交互方法，其特征在于，所述显示所述目标锚点关联的目标显示页面包括：

确定目标锚点，接收点击目标锚点的点击指令，以到达目标锚点关联的目标显示页面；

显示所述目标锚点关联的目标显示页面。

6.根据权利要求3至5任一项所述的页面交互方法，其特征在于，所述在所述第二当前显示页面中确定并显示所述待拖动页面元素的目标显示页面包括：

检测到对所述第二当前显示页面进行滚动的滚屏操作，其中所述滚屏操作包括所述目标显示页面的显示位置；

响应所述滚屏操作，根据所述显示位置使响应于所述滚屏操作后所述电子终端显示目标显示页面。

7.一种页面交互装置，应用于电子终端，其特征在于，所述页面交互装置包括：

确定模块，用于确定所述电子终端当前显示页面的待拖动页面元素；

显示模块，用于确定并显示所述待拖动页面元素的目标显示页面；

拖动模块，用于接收第一拖动指令，将所述待拖动页面元素拖动至目标显示页面的目标位置；其中，所述待拖动页面元素所处的当前显示页面与所述目标位置所处的目标显示页面为同一页面的不同显示界面；

其中，所述电子终端当前显示页面包括锚点组件，则所述显示模块具体用于：确定目标锚点，显示所述目标锚点关联的目标显示页面；

其中，所述显示模块包括：

接收单元，用于接收第二拖动指令，将所述待拖动页面元素拖动至目标锚点；

第一显示单元，用于显示所述目标锚点关联的目标显示页面；

其中，所述锚点组件包括多个锚点，所述多个锚点分别与所述同一页面的不同显示界面关联，各锚点关联的显示界面的长度小于或等于所述电子终端的可视区域的长度。

8.根据权利要求7所述的页面交互装置，其特征在于，显示模块包括：

第一检测单元，用于检测到对所述当前显示页面进行滚动的滚屏操作，其中所述滚屏操作包括所述目标显示页面的显示位置；

第二响应单元，用于响应所述滚屏操作，根据所述显示位置使响应于所述滚屏操作后所述电子终端显示目标显示页面。

9.根据权利要求7所述的页面交互装置，其特征在于，所述显示模块包括：

分页单元，用于对所述当前显示页面进行分页操作，得到第二当前显示页面；

第二显示单元，用于在所述第二当前显示页面中确定并显示所述待拖动页面元素的目标显示页面。

10.根据权利要求9所述的页面交互装置，其特征在于，所述第二当前显示页面包括锚点组件，则所述显示模块具体用于：确定目标锚点，显示所述目标锚点关联的目标显示页面。

11.根据权利要求10所述的页面交互装置，其特征在于，所述显示模块包括：

第二接收单元，用于确定目标锚点，接收点击目标锚点的点击指令，以到达目标锚点关联的目标显示页面；

第三显示单元，用于显示所述目标锚点关联的目标显示页面。

12.根据权利要求9至11任一项所述的页面交互装置，其特征在于，所述显示模块包括：

第二检测单元，用于检测到对所述第二当前显示页面进行滚动的滚屏操作，其中所述滚屏操作包括所述目标显示页面的显示位置；

第二响应单元，用于响应所述滚屏操作，根据所述显示位置使响应于所述滚屏操作后所述电子终端显示目标显示页面。

13.一种电子终端，其特征在于，包括：如权利要求7至12任一项所述的页面交互装置。

Images