CN116795361A - 一种页面设置方法、计算设备及存储介质 - Google Patents

Abstract

本发明涉及页面开发领域，特别涉及一种页面设置方法、计算设备及存储介质，方法包括：确定页面中的页面元素，页面元素包括元素移动区域，元素移动区域包括多个元素位置；对元素移动区域设置拖曳事件；响应于接收到对元素位置上的元素的修改操作，根据拖曳事件对元素移动区域的第一元素序列进行修改，生成第二元素序列；根据第二元素序列在被修改的元素位置上显示目标元素。本发明能够在对元素进行拖曳时，通过修改原本元素序列得到新的元素序列，并保持其他元素序列中的其他元素不变，根据新的元素序列显示新的元素排布。

Description

一种页面设置方法、计算设备及存储介质

技术领域

本发明涉及页面开发领域，特别涉及一种页面设置方法、计算设备及存储介质。

背景技术

现有技术中在页面中进行页面元素的编辑时，通常可将拖曳目标拖曳到指定的可拖曳区域，实现对页面元素中的页面编辑，如将A元素拖曳到B区域内，实现在B区域内显示A元素。但现有技术中无法实现对元素的拖曳过程中，同时被拖曳的元素进行排序。

为此，需要一种新的页面设置方法。

发明内容

为此，本发明提供一种页面设置方法，以力图解决或者至少缓解上面存在的问题。

根据本发明的一个方面，提供一种页面设置方法，适于在计算设备中执行，方法包括：确定页面中的页面元素，页面元素包括元素移动区域，元素移动区域包括多个元素位置；对元素移动区域设置拖曳事件；响应于接收到对元素位置上的元素的修改操作，根据拖曳事件对元素移动区域的第一元素序列进行修改，生成第二元素序列；根据第二元素序列在被修改的元素位置上显示目标元素。

可选地，在根据本发明的方法中，拖曳事件包括拖曳开始事件，拖曳开始事件适于对修改操作进行监听，并确定修改操作所选中要拖曳的目标元素。

可选地，在根据本发明的方法中，拖曳事件还包括拖曳结束事件，拖曳结束事件适于删除对目标元素释放时的元素拖影。

可选地，在根据本发明的方法中，拖曳事件还包括拖曳插入事件，修改操作包括将第二元素移动到第一元素位置，根据所述拖曳事件对元素移动区域的第一元素序列进行修改，生成第二元素序列包括：当第一元素位置上显示有第一元素时，对第二元素的第二序列号和第一元素的第一序列号进行对比；若第二序列号大于第一序列号，则根据第二元素的元素信息和第一元素位置修改第一元素序列，生成第二元素序列。

可选地，在根据本发明的方法中，修改操作还包括将第一元素移动到第二元素位置，方法还包括：若第一序列号小于第二序列号，则根据第一元素的元素信息和第二元素位置修改第一元素序列，生成第二元素序列。

可选地，在根据本发明的方法中，还包括：设置元素的拖曳属性为可进行拖曳，以便对元素进行拖动。

可选地，在根据本发明的方法中，修改操作还包括：将元素移动区域内的元素移出元素移动区域，将元素移动区域外的元素移入元素移动区域。

可选地，在根据本发明的方法中，还包括：响应于接收到对元素位置上的元素的修改操作，根据修改操作设置并显示对目标元素的移动动画。

根据本发明的另一方面，提供了一种计算设备，包括：一个或多个处理器；存储器；以及一个或多个程序，其中，一个或多个程序存储在存储器中并被配置为由一个或多个处理器执行，一个或多个程序包括用于执行根据本发明的页面设置方法的指令。

根据本发明的再一方面，提供了一种存储一个或多个程序的计算机可读存储介质，一个或多个程序包括指令，该指令当由计算设备执行时，使得计算设备执行根据本发明的页面设置方法。

本发明中的页面设置方法，适于在计算设备中执行，方法包括：确定页面中的页面元素，页面元素包括元素移动区域，元素移动区域包括多个元素位置；对元素移动区域设置拖曳事件；响应于接收到对元素位置上的元素的修改操作，根据拖曳事件对元素移动区域的第一元素序列进行修改，生成第二元素序列；根据第二元素序列在被修改的元素位置上显示目标元素。本发明能够在对元素进行拖曳时，通过修改原本元素序列得到新的元素序列，并保持其他元素序列中的其他元素不变，根据新的元素序列显示新的元素排布。

附图说明

为了实现上述以及相关目的，本文结合下面的描述和附图来描述某些说明性方面，这些方面指示了可以实践本文所公开的原理的各种方式，并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述，本发明公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开，相同的附图标记通常指代相同的部件或元素。

图1示出了根据本发明一个示范性实施例的页面设置方法100的示意图；

图2示出了根据本发明一个示范性实施例的计算设备200的结构框图。

图3示出了根据本发明一个示范性实施例的元素移动区域中设置多个元素位置的示意图；

图4示出了根据本发明一个示范性实施例的移动动画的示意图；

图5示出了根据本发明一个示范性实施例的元素拖影的示意图；

图6示出了根据本发明一个示范性实施例的消除元素拖影后的示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。相同的附图标记通常指代相同的部件或元素。

根据本发明的一个实施例，现有技术中在页面中进行页面元素的编辑时，通常可将拖曳目标拖曳到指定的可拖曳区域，实现对页面元素中的页面编辑，如将A元素拖曳到B区域内，实现在B区域内显示A元素。但现有技术中无法实现对元素的拖曳过程中，同时被拖曳的元素进行排序。因此，本发明提出了一种页面设置方法100。

图1示出了根据本发明一个示范性实施例的页面设置方法100的示意图。本发明的页面设置方法100适于在计算设备中执行。

图2示出了根据本发明一个示范性实施例的计算设备的结构框图。在基本配置中，计算设备200包括至少一个处理单元220和系统存储器210。根据一个方面，取决于计算设备的配置和类型，系统存储器210包括但不限于易失性存储(例如，随机存取存储器)、非易失性存储(例如，只读存储器)、闪速存储器、或者这样的存储器的任何组合。根据一个方面，系统存储器210包括操作系统211。

根据一个方面，操作系统211，例如，适合于控制计算设备200的操作。此外，示例结合图形库、其他操作系统、或任何其他应用程序而被实践，并且不限于任何特定的应用或系统。在图2中通过在虚线215内的那些组件示出了该基本配置。根据一个方面，计算设备200具有额外的特征或功能。例如，根据一个方面，计算设备200包括额外的数据存储设备(可移动的和/或不可移动的)，例如磁盘、光盘、或者磁带。

如在上文中所陈述的，根据一个方面，在系统存储器210中存储程序模块212。根据一个方面，程序模块212可包括一个或多个应用程序，本发明不限制应用程序的类型，例如应用还包括：电子邮件和联系人应用程序、文字处理应用程序、电子表格应用程序、数据库应用程序、幻灯片展示应用程序、绘画或计算机辅助应用程序、网络浏览器应用程序等。

根据一个方面，可以在包括分立电子元件的电路、包含逻辑门的封装或集成的电子芯片、利用微处理器的电路、或者在包含电子元件或微处理器的单个芯片上实践示例。例如，可以经由其中在图2中所示出的每个或许多组件可以集成在单个集成电路上的片上系统(SOC)来实践示例。根据一个方面，这样的SOC设备可以包括一个或多个处理单元、图形单元、通信单元、系统虚拟化单元、以及各种应用功能，其全部作为单个集成电路而被集成(或“烧”)到芯片基底上。当经由SOC进行操作时，可以经由在单个集成电路(芯片)上与计算设备200的其他组件集成的专用逻辑来对在本文中所描述的功能进行操作。还可以使用能够执行逻辑操作(例如AND、OR和NOT)的其他技术来实践本发明的实施例，所述其他技术包括但不限于机械、光学、流体、和量子技术。另外，可以在通用计算机内或在任何其他任何电路或系统中实践本发明的实施例。

根据一个方面，计算设备200还可以具有一个或多个输入设备231，例如键盘、鼠标、笔、语音输入设备、触摸输入设备等。还可以包括输出设备232，例如显示器、扬声器、打印机等。前述设备是示例并且也可以使用其他设备。计算设备200可以包括允许与其他计算设备240进行通信的一个或多个通信连接233。合适的通信连接233的示例包括但不限于：RF发射机、接收机和/或收发机电路；通用串行总线(USB)、并行和/或串行端口。计算设备200可通过通信连接233与其他计算设备240通信连接。

本发明实施方式还提供一种非暂态可读存储介质，存储有指令，所述指令用于使所述计算设备执行根据本发明实施方式的方法。本实施例的可读介质包括永久性和非永久性、可移动和非可移动介质，可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。可读存储介质的例子包括但不限于：相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁盘存储或其他磁性存储设备或任何其他非暂态可读存储介质。

根据一个方面，通信介质是由计算机可读指令、数据结构、程序模块、或者经调制的数据信号(例如，载波或其他传输机制)中的其他数据实施的，并且包括任何信息传递介质。根据一个方面，术语“经调制的数据信号”描述了具有一个或多个特征集或者以将信息编码在信号中的方式改变的信号。作为示例而非限制，通信介质包括诸如有线网络或直接有线连接之类的有线介质，以及诸如声学、射频(RF)、红外线的、以及其他无线介质之类的无线介质。

需要说明的是，尽管上述计算设备仅示出了处理单元220、系统存储器210、输入设备231、输出设备232、以及通信连接233，但是在具体实施过程中，该设备还可以包括实现正常运行所必需的其他组件。此外，本领域的技术人员可以理解的是，上述设备中也可以仅包含实现本说明书实施例方案所必需的组件，而不必包含图中所示的全部组件。

回到图1，如图1所示，本发明的页面设置方法首先执行步骤110：确定页面中的页面元素，页面元素包括元素移动区域，元素移动区域包括多个元素位置。根据本发明的一个实施例，本发明中页面设置方法所设置的页面可具体实现为一种网页页面或应用页面，本发明对所设置的页面的具体页面类型不做限制。

根据本发明的一个实施例，页面中可设置元素移动区域，即适于显示各类元素的区域，具体可实现为通过<div>标签设置的区域，是一种具有容器属性的元素，可在其中添加和显示多种类型的元素。

根据本发明的一个实施例，元素移动区域中可设置多个元素位置，多个元素位置可按照一定规则在元素移动区域中进行排布。本发明对元素移动区域中具体排布元素位置的方式不做限制。元素位置可具体通过<div>标签设置，实现为一种卡片容器。

图3示出了根据本发明一个示范性实施例的元素移动区域中设置多个元素位置的示意图。如图3所示，元素移动区域300中按照2行4列依次排布着多个元素位置310-380。

根据本发明的一个实施例，每个元素位置可显示元素，本发明对元素的具体种类不做限制，元素可具体实现为图片元素，文字元素等类型的元素。

元素移动区域、元素位置和元素均为一种页面元素。

根据本发明的一个实施例，元素移动区域的具体类(class)名为wrap，元素位置具体类(class)名为card，元素位置中可显示有图片元素，图片元素的标签为img，该元素移动区域的具体结构代码如下所示：

元素移动区域wrap中包括多个元素位置card，每个元素位置card中显示有图片元素img。

根据本发明的一个实施例，本发明方法还包括，确定页面中页面元素时，对页面元素设置具体的样式，具体的设置的样式代码如下：

其中，元素位置card的宽度为200px，边框宽度为4px。

根据本发明的一个实施例，本发明方法还包括：确定页面中的页面元素时，设置元素的拖曳属性为可进行拖曳，以便对元素进行拖动。具体的，设置拖曳属性时，设置draggable＝“true”，将元素设置为可拖曳的。当元素为图片元素是，由于图片元素默认为可拖曳的，因此不需要对其进行拖曳属性设置。

本发明在设置元素的拖曳属性时，可选择设置那些元素是可以进行拖曳，对需要设置拖曳属性的元素进行设置。设置元素的拖曳属性时，还可设置元素中可拖入哪些元素，如那些种类的元素，如对元素移动区域设置可拖入图片元素或文字元素等类型的元素。

设置元素的拖曳属性的具体代码如下所示：

随后，执行步骤120，对元素移动区域设置拖曳事件。

根据本发明的一个实施例，拖曳事件包括拖曳开始事件(dragstart)，拖曳结束事件(dragover)和拖曳插入事件(dragenter)。拖曳事件可通过浏览器的接口中的拖曳接口实现，本发明对拖曳事件的具体实现方式不做限制。

拖曳开始事件适于对修改操作进行监听，并确定修改操作所选中要拖曳的目标元素。拖曳开始事件适于在接收到对元素位置上的修改操作开始执行，并将当前要拖曳的元素确定为目标元素。

修改操作包括：将第二元素移动到第一元素位置，将第一元素移动到第二元素位置。元素移动区域包括第一元素位置和第二元素位置。第一元素位置在第二元素之前。根据本发明的一个实施例，第二元素可在第二元素位置上显示，第一元素可在第一元素位置上显示。

根据本发明的一个实施例，修改操作还包括：将元素移动区域内的元素移出元素移动区域，将元素移动区域外的元素移入元素移动区域。将元素移动区域内的元素移出元素移动区域包括：从元素移动区域中删除该元素，或者将元素移动区域内显示的元素移动到元素移动区域外进行显示。将元素移动区域外的元素移入元素移动区域包括：在元素移动区域内新建一个要显示的元素，或者将元素移动区域外显示的元素移动到元素区域内进行显示。

本发明方法还包括：响应于接收到对元素位置上的元素的修改操作，根据修改操作设置并显示对目标元素的移动动画。移动动画包括设置被拖曳的目标元素随用户的拖动发送移动的动画。修改操作包括对目标元素的拖曳过程，拖曳过程包括将目标元素从拖曳起点拖曳到目标终点，目标元素从拖曳起点移动即拖曳过程的开始。根据本发明的一个实施例，当用户点击或者选中目标元素时，即触发拖曳开始事件，确定修改操作所选中要拖曳的目标元素。当用户将目标元素从拖曳起点移动时，即触发根据修改操作设置并显示对目标元素的移动动画，开始显示对目标元素的拖曳过程，即目标元素随鼠标移动的当前拖曳的位置。

图4示出了根据本发明一个示范性实施例的移动动画的示意图。如图4所示：对元素位置上的元素进行移动时，会显示跟随拖曳动作移动的元素382，以及在拖曳动作完成前，显示目标元素原本位置的元素图像381，表示元素随着拖曳动作的执行开始移动。

设置拖曳开始时间的具体代码如下所示：

拖曳结束事件适于删除对目标元素释放时的元素拖影。由于目标元素在释放后，由于设置的移动动画为默认移动的目标元素会移动到原来位置，则会产生拖影，拖影即所绘制的移动动画显示目标元素移动回原位置的过程。

图5示出了根据本发明一个示范性实施例的元素拖影的示意图。如图5所示：元素位置370上显示有已经拖曳到该位置上的元素，元素拖曳完成后，显示回到元素位置380上的元素拖影383。

图6示出了根据本发明一个示范性实施例的消除元素拖影后的示意图。如图6所示：元素拖曳到元素位置370后，只显示元素，不显示元素拖影。

设置拖曳结束事件的具体代码如下所示：

wrap.addEventListener('dragover',function(ev){

ev.preventDefault()；

})；

拖曳插入事件适于在对接收到对元素位置上的元素的修改操作，根据拖曳事件对元素移动区域的第一元素序列进行修改，生成第二元素序列。

根据本发明的一个实施例，元素移动区域内包括多个元素位置，这些元素位置按照一定的顺序进行排布，每个元素位置可以显示一个元素。所有元素位置和对应的元素的元素信息构成元素序列。元素序列可具体实现为一种数组变量，如positions数组变量，每个元素位置和对应显示的元素的元素信息构成数组变量中的一个变量。

若对元素位置上的元素进行了修改，则将原先的第一元素序列进行修改。具体的，元素移动区域可包括第一元素位置和第二元素位置，第一元素位置在第一元素序列中的位置，比第二元素位置在第一元素序列中的位置靠前。第一元素位置和第二元素位置可相邻，也可间隔一个或多个元素位置。

第一元素位置上若未显示元素，将元素移动区域外的元素移入元素移动区域的第一元素位置时，则直接在第一元素序列中相应位置根据移入元素的元素信息和第一元素位置添加新的变量，得到第二元素序列。

若将元素移动区域的第一元素位置上的显示的元素移出元素移动区域，则直接在第一元素序列中删除根据移入元素的元素信息和第一元素位置设置的变量，得到第二元素序列。

若第一元素位置上显示有第一元素，第二元素位置上显示有第二元素，将第二元素移动到第一元素位置时，对第二元素的第二序列号和第一元素的第一序列号进行对比；若第二序列号大于第一序列号，则根据第二元素的元素信息和第一元素位置修改第一元素序列，生成第二元素序列。修改第一元素序列时，根据第二元素的元素信息和第一元素位置生成的第一变量，根据第一元素的元素信息和第二元素位置生成第二变量，将原先第一元素位置和第二元素位置在第一元素序列中的变量删除，并将第一变量和第二变量插入第一元素序列得到第二元素序列。

若第一元素位置上显示有第一元素，第二元素位置上显示有第二元素，将第一元素移动到第二元素位置时，若第一序列号小于第二序列号，则根据第一元素的元素信息和第二元素位置修改第一元素序列，生成第二元素序列。

设置拖曳插入事件的具体代码如下所示：

随后，执行步骤130，响应于接收到对元素位置上的元素的修改操作，根据拖曳事件对元素移动区域的第一元素序列进行修改，生成第二元素序列。

根据本发明的一个实施例，修改操作包括将第二元素移动到第一元素位置，根据拖曳事件对元素移动区域的第一元素序列进行修改，生成第二元素序列包括：当第一元素位置上显示有第一元素时，对第二元素的第二序列号和第一元素的第一序列号进行对比；若第二序列号大于第一序列号，则根据第二元素的元素信息和第一元素位置修改第一元素序列，生成第二元素序列。

修改操作还包括将第一元素移动到第二元素位置，若第一序列号小于第二序列号，则根据第一元素的元素信息和第二元素位置修改所述第一元素序列，生成第二元素序列。

最后，执行步骤140，根据第二元素序列在被修改的元素位置上显示目标元素。第二元素序列包括修改后元素的元素信息和对应的元素位置，根据元素位置对应的元素信息即可显示对应的元素。

本发明能够实现对页面中页面元素拖拽排序的功能，具体的：通过预设的拖拽事件，将目标元素在同级元素间进行任意拖动，使其可以任意插入到现有元素序列中，从而生成一个新的元素序列，实现了快速有效的元素序列处理，可以任意调整页面元素发布的顺序，极大的减少对页面元素排序处理的时间。

本发明中的页面设置方法，适于在计算设备中执行，方法包括：确定页面中的页面元素，页面元素包括元素移动区域，元素移动区域包括多个元素位置；对元素移动区域设置拖曳事件；响应于接收到对元素位置上的元素的修改操作，根据拖曳事件对元素移动区域的第一元素序列进行修改，生成第二元素序列；根据第二元素序列在被修改的元素位置上显示目标元素。本发明能够在对元素进行拖曳时，通过修改原本元素序列得到新的元素序列，并保持其他元素序列中的其他元素不变，根据新的元素序列显示新的元素排布。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下被实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。

本领域那些技术人员应当理解在本文所公开的示例中的设备的模块或单元或组间可以布置在如该实施例中所描述的设备中，或者可替换地可以定位在与该示例中的设备不同的一个或多个设备中。前述示例中的模块可以组合为一个模块或者此外可以分成多个子模块。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组间组合成一个模块或单元或组间，以及此外可以把它们分成多个子模块或子单元或子组间。除了这样的特征和、或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。

此外，所述实施例中的一些在此被描述成可以由计算机系统的处理器或者由执行所述功能的其它装置实施的方法或方法元素的组合。因此，具有用于实施所述方法或方法元素的必要指令的处理器形成用于实施该方法或方法元素的装置。此外，装置实施例的在此所述的元素是如下装置的例子：该装置用于实施由为了实施该发明的目的的元素所执行的功能。

这里描述的各种技术可结合硬件或软件，或者它们的组合一起实现。从而，本发明的方法和设备，或者本发明的方法和设备的某些方面或部分可采取嵌入有形媒介，例如软盘、CD-ROM、硬盘驱动器或者其它任意机器可读的存储介质中的程序代码(即指令)的形式，其中当程序被载入诸如计算机之类的机器，并被所述机器执行时，所述机器变成实践本发明的设备。

在程序代码在可编程计算机上执行的情况下，计算设备一般包括处理器、处理器可读的存储介质(包括易失性和非易失性存储器和、或存储元件)，至少一个输入装置，和至少一个输出装置。其中，存储器被配置用于存储程序代码；处理器被配置用于根据该存储器中存储的所述程序代码中的指令，执行本发明的页面设置方法。

以示例而非限制的方式，计算机可读介质包括计算机存储介质和通信介质。计算机可读介质包括计算机存储介质和通信介质。计算机存储介质存储诸如计算机可读指令、数据结构、程序模块或其它数据等信息。通信介质一般以诸如载波或其它传输机制等已调制数据信号来体现计算机可读指令、数据结构、程序模块或其它数据，并且包括任何信息传递介质。以上的任一种的组合也包括在计算机可读介质的范围之内。

如在此所使用的那样，除非另行规定，使用序数词“第一”、“第二”、“第三”等等来描述普通对象仅仅表示涉及类似对象的不同实例，并且并不意图暗示这样被描述的对象必须具有时间上、空间上、排序方面或者以任意其它方式的给定顺序。

尽管根据有限数量的实施例描述了本发明，但是受益于上面的描述，本技术领域内的技术人员明白，在由此描述的本发明的范围内，可以设想其它实施例。此外，应当注意，本说明书中使用的语言主要是为了可读性和教导的目的而选择的，而不是为了解释或者限定本发明的主题而选择的。因此，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本发明的范围，对本发明所做的公开是说明性的，而非限制性的。

Claims (10)

1.一种页面设置方法，适于在计算设备中执行，所述方法包括：

确定页面中的页面元素，所述页面元素包括元素移动区域，所述元素移动区域包括多个元素位置；

对所述元素移动区域设置拖曳事件；

响应于接收到对所述元素位置上的元素的修改操作，根据所述拖曳事件对元素移动区域的第一元素序列进行修改，生成第二元素序列；

根据所述第二元素序列在被修改的元素位置上显示目标元素。

2.如权利要求1所述的方法，其中，所述拖曳事件包括拖曳开始事件，所述拖曳开始事件适于对修改操作进行监听，并确定修改操作所选中要拖曳的目标元素。

3.如权利要求1或2所述的方法，其中，所述拖曳事件还包括拖曳结束事件，所述拖曳结束事件适于删除对目标元素释放时的元素拖影。

4.如权利要求1所述的方法，其中，所述拖曳事件还包括拖曳插入事件，所述修改操作包括将第二元素移动到第一元素位置，所述根据所述拖曳事件对元素移动区域的第一元素序列进行修改，生成第二元素序列包括：

当所述第一元素位置上显示有第一元素时，对所述第二元素的第二序列号和第一元素的第一序列号进行对比；

若所述第二序列号大于第一序列号，则根据第二元素的元素信息和第一元素位置修改所述第一元素序列，生成第二元素序列。

5.如权利要求4所述的方法，其中，所述修改操作还包括将第一元素移动到第二元素位置，所述方法还包括：

若所述第一序列号小于第二序列号，则根据第一元素的元素信息和第二元素位置修改所述第一元素序列，生成第二元素序列。

6.如权利要求1所述的方法，其中，所述方法还包括：

设置所述元素的拖曳属性为可进行拖曳，以便对所述元素进行拖动。

7.如权利要求1所述的方案，其中，所述修改操作还包括：将元素移动区域内的元素移出所述元素移动区域，将元素移动区域外的元素移入所述元素移动区域。

8.如权利要求2所述的方法，其中，所述方法还包括：响应于接收到对所述元素位置上的元素的修改操作，根据修改操作设置并显示对所述目标元素的移动动画。

9.一种计算设备，包括：

一个或多个处理器；

存储器；以及

一个或多个程序，其中，一个或多个程序存储在存储器中并被配置为由一个或多个处理器执行，一个或多个程序包括用于执行根据权利要求1-8中任一项所述的方法的指令。

10.一种存储一个或多个程序的计算机可读存储介质，所述一个或多个程序包括指令，所述指令当由计算设备执行时，使得所述计算设备执行根据权利要求1-8中任一项所述的方法。