网页框选操作的处理方法和装置制造方法及图纸

本申请实施例涉及网页框选操作的处理方法和装置，该方法包括：当监测到对所述网页的框选操作时，根据所述框选操作，在所述网页的可滚动元素下创建选择层；确定所述选择层的位置；判断所述网页中的目标元素的位置与所述选择层的位置之间的位置关系是否满足预设条件；当判断结果为所述位置关系满足预设条件时，确定所述目标元素的状态为选择状态。由上可见，本申请实施例中，不是直接在body元素下创建选择层，而是在网页的可滚动元素下创建选择层，因此当网页包含多屏时，可以跨屏选择网页对象。

【技术实现步骤摘要】

本申请涉及计算机领域，尤其涉及网页框选操作的处理方法和装置。
技术介绍
用户通过浏览器浏览网页时，经常需要对网页对象进行框选操作，上述网页对象具体可以是图片对象、视频对象或链接对象等。现有技术中，针对用户的框选操作，通常直接在网页的body元素下创建一个选择层，根据该选择层与网页对象的位置关系来确定是否选择该网页对象。采用现有技术中的网页框选操作的处理方法，当网页包含多屏时，无法跨屏选择网页对象。
技术实现思路
本申请实施例提供了网页框选操作的处理方法和装置，当网页包含多屏时，可以跨屏选择网页对象。一方面，提供了一种网页框选操作的处理方法，所述方法包括：当监测到对所述网页的框选操作时，根据所述框选操作，在所述网页的可滚动元素下创建选择层；确定所述选择层的位置；判断所述网页中的目标元素的位置与所述选择层的位置之间的位置关系是否满足预设条件；当判断结果为所述位置关系满足预设条件时，确定所述目标元素的状态为选择状态。可选地，所述可滚动元素为所述目标元素的父级元素；所述在所述网页的可滚动元素下创建选择层，包括：在所述网页的所述目标元素的父级元素下创建选择层。可选地，所述方法还包括：将所述网页的body元素设定为可滚动元素；所述在所述网页的可滚动元素下创建选择层，包括：在所述网页的body元素下创建选择层。可选地，所述方法还包括：当所述框选操作超出屏幕范围时，将所述网页的元素中不在可视范围内的元素移除。可选地，所述方法还包括：将所述网页中确定为选择状态的所述目标元素进行标记。另一方面，提供了一种网页框选操作的处理装置，所述装置包括：创建单元，用于当监测到对所述网页的框选操作时，根据所述框选操作，在所述网页的可滚动元素下创建选择层；确定单元，用于确定所述创建单元创建的选择层的位置；判断单元，用于判断所述网页中的目标元素的位置与所述确定单元确定的选择层的位置之间的位置关系是否满足预设条件；所述确定单元，还用于当所述判断单元的判断结果为所述位置关系满足预设条件时，确定所述目标元素的状态为选择状态。可选地，所述可滚动元素为所述目标元素的父级元素；所述创建单元，具体用于在所述网页的所述目标元素的父级元素下创建选择层。可选地，所述装置还包括：设定单元，用于将所述网页的body元素设定为可滚动元素；所述创建单元，具体用于在所述网页的body元素下创建选择层。可选地，所述装置还包括：移除单元，用于当所述框选操作超出屏幕范围时，将所述网页的元素中不在可视范围内的元素移除。可选地，所述装置还包括：标记单元，用于将所述网页中确定为选择状态的所述目标元素进行标记。本申请提供了一种网页框选操作的处理方法，当监测到对网页的框选操作时，根据该框选操作，在网页的可滚动元素下创建选择层，确定该选择层的位置，判断网页中的目标元素的位置与该选择层的位置之间的位置关系是否满足预设条件，当判断结果为所述位置关系满足预设条件时，确定目标元素的状态为选择状态。由上可见，本申请不是直接在body元素下创建选择层，而是在网页的可滚动元素下创建选择层，因此当网页包含多屏时，可以跨屏选择网页对象。附图说明图1为本申请实施例提供的网页框选操作的处理方法流程图；图2本申请实施例提供的网页框选操作的处理装置结构图。具体实施方式为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。为便于对本申请实施例的理解，下面将结合附图以具体实施例做进一步的解释说明，实施例并不构成对本申请实施例的限定。图1为本申请实施例提供的网页框选操作的处理方法流程图，该方法的执行主体可以为计算机等能够显示网页的用户设备，如图1所示，该方法具体包括：步骤101，当监测到对所述网页的框选操作时，根据所述框选操作，在所述网页的可滚动元素下创建选择层。其中，上述框选操作具体可以是通过鼠标拖曳所进行的框选操作，也可以是在触摸屏上通过手指拖曳所进行的框选操作。元素是组成网页的基本单位，根据需要有些元素被设置成了可滚动元素，有些元素被设置成了不可滚动元素。当网页包含多屏时，网页中可能包括多个可滚动元素，本申请实施例中，可以在上述多个可滚动元素中选择一个可滚动元素，在选择出的可滚动元素下创建选择层，此时，该可滚动元素为选择层的父级元素，选择层为该可滚动元素的子级元素。通常地，对网页的框选操作针对的为特定的网页对象，例如，在网页端网盘类产品中，对网页的框选操作针对的可以为文件或文件夹对应的图标对象，由于网页对象属于构成网页的元素，因此将上述特定的网页对象称为目标元素。可选地，所述可滚动元素为所述目标元素的父级元素；所述在所述网页的可滚动元素下创建选择层，包括：在所述网页的所述目标元素的父级元素下创建选择层。本申请实施例中，还可以将所述网页的body元素设定为可滚动元素；所述在所述网页的可滚动元素下创建选择层，包括：在所述网页的body元素下创建选择层。步骤102，确定所述选择层的位置。步骤103，判断所述网页中的目标元素的位置与所述选择层的位置之间的位置关系是否满足预设条件。上述预设条件具体可以为：所述网页中的目标元素与所述选择层部分重叠或完全重叠。步骤104，当判断结果为所述位置关系满足预设条件时，确定所述目标元素的状态为选择状态。后续可以根据用户的指令对于状态为选择状态的目标元素进行下载或删除等操作。由于当网页中元素数量很大时，例如，元素数量大于1000，对网页进行框选操作时会出现卡顿，为了减少卡顿，所述方法还可以包括：当所述框选操作超出屏幕范围时，将所述网页的元素中不在可视范围内的元素移除。其中，移除前元素的状态为选择状态时，移除后仍然保持选择状态。具体地，可以创建documentFragment，使用appendChild方法将需要移除的元素移至documentFragment中。可选地，所述方法还可以包括：将所述网页中确定为选择状态的所述目标元素进行标记。本申请提供了一种网页框选操作的处理方法，当监测到对网页的框选操作时，根据该框选操作，在网页的可滚动元素下创建选择层，确定该选择层的位置，判断网页中的目标元素的位置与该选择层的位置之间的位置关系是否满足预设条件，当判断结果为所述位置关系满足预设条件时，确定目标元素的状态为选择状态。由上可见，本申请不是直接在body元素下创建选择层，而是在网页的可滚动元素下创建选择层，确保该选择层能够一直覆盖滚动范围，因此当网页包含多屏时，可以跨屏选择网页对象。相应地，本申请还提供了网页框选操作的处理装置的实施例，该装置用于执行本申请实施例提供的网页框选操作的处理方法。图2为本申请实施例提供的网页框选操作的处理装置结构图，该装置可以设置于计算机等能够显示网页的用户设备中，如图2所示，该装置具体包括：创建单元201，用于当监测到对所述网页的框选操作时，根据所述框选操作，在所述网页的可滚动元素下创建选择层；确定单元202，用于确定所述创建单元201创建的选择层的位置；判断单元203，用于判本文档来自技高网...

【技术保护点】
一种网页框选操作的处理方法，其特征在于，所述方法包括：当监测到对所述网页的框选操作时，根据所述框选操作，在所述网页的可滚动元素下创建选择层；确定所述选择层的位置；判断所述网页中的目标元素的位置与所述选择层的位置之间的位置关系是否满足预设条件；当判断结果为所述位置关系满足预设条件时，确定所述目标元素的状态为选择状态。

【技术特征摘要】
1.一种网页框选操作的处理方法，其特征在于，所述方法包括：当监测到对所述网页的框选操作时，根据所述框选操作，在所述网页的可滚动元素下创建选择层；确定所述选择层的位置；判断所述网页中的目标元素的位置与所述选择层的位置之间的位置关系是否满足预设条件；当判断结果为所述位置关系满足预设条件时，确定所述目标元素的状态为选择状态。2.如权利要求1所述的方法，其特征在于，所述可滚动元素为所述目标元素的父级元素；所述在所述网页的可滚动元素下创建选择层，包括：在所述网页的所述目标元素的父级元素下创建选择层。3.如权利要求1所述的方法，其特征在于，所述方法还包括：将所述网页的body元素设定为可滚动元素；所述在所述网页的可滚动元素下创建选择层，包括：在所述网页的body元素下创建选择层。4.如权利要求1所述的方法，其特征在于，所述方法还包括：当所述框选操作超出屏幕范围时，将所述网页的元素中不在可视范围内的元素移除。5.如权利要求4所述的方法，其特征在于，所述方法还包括：将所述网页中确定为选择状态的所述目标元素进行标记。6.一种网页框选操作的处理装置，其特征在于，所述装置包括...

【专利技术属性】
技术研发人员：黄凯，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛;KY