CN106294482A - 网页框选操作的处理方法和装置 - Google Patents
网页框选操作的处理方法和装置 Download PDFInfo
- Publication number
- CN106294482A CN106294482A CN201510303578.9A CN201510303578A CN106294482A CN 106294482 A CN106294482 A CN 106294482A CN 201510303578 A CN201510303578 A CN 201510303578A CN 106294482 A CN106294482 A CN 106294482A
- Authority
- CN
- China
- Prior art keywords
- webpage
- layer
- selection operation
- frame selection
- unit
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请实施例涉及网页框选操作的处理方法和装置,该方法包括:当监测到对所述网页的框选操作时,根据所述框选操作,在所述网页的可滚动元素下创建选择层;确定所述选择层的位置;判断所述网页中的目标元素的位置与所述选择层的位置之间的位置关系是否满足预设条件;当判断结果为所述位置关系满足预设条件时,确定所述目标元素的状态为选择状态。由上可见,本申请实施例中,不是直接在body元素下创建选择层,而是在网页的可滚动元素下创建选择层,因此当网页包含多屏时,可以跨屏选择网页对象。
Description
技术领域
本申请涉及计算机领域,尤其涉及网页框选操作的处理方法和装置。
背景技术
用户通过浏览器浏览网页时,经常需要对网页对象进行框选操作,上述网页对象具体可以是图片对象、视频对象或链接对象等。
现有技术中,针对用户的框选操作,通常直接在网页的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,用于判断所述网页中的目标元素的位置与所述确定单元202确定的选择层的位置之间的位置关系是否满足预设条件;
所述确定单元202,还用于当所述判断单元203的判断结果为所述位置关系满足预设条件时,确定所述目标元素的状态为选择状态。
可选地,所述可滚动元素为所述目标元素的父级元素;所述创建单元201,具体用于在所述网页的所述目标元素的父级元素下创建选择层。
可选地,所述装置还包括:
设定单元204,用于将所述网页的body元素设定为可滚动元素;
所述创建单元201,具体用于在所述网页的body元素下创建选择层。
可选地,所述装置还包括:
移除单元205,用于当所述框选操作超出屏幕范围时,将所述网页的元素中不在可视范围内的元素移除。
可选地,所述装置还包括:
标记单元206,用于将所述网页中确定为选择状态的所述目标元素进行标记。
本申请提供了一种网页框选操作的处理装置,当创建单元201监测到对网页的框选操作时,根据该框选操作,在网页的可滚动元素下创建选择层,先由确定单元202确定该选择层的位置,然后由判断单元203判断网页中的目标元素的位置与该选择层的位置之间的位置关系是否满足预设条件,再由确定单元202在判断单元203的判断结果为所述位置关系满足预设条件时,确定目标元素的状态为选择状态。由上可见,本申请不是直接在body元素下创建选择层,而是在网页的可滚动元素下创建选择层,确保该选择层能够一直覆盖滚动范围,因此当网页包含多屏时,可以跨屏选择网页对象。
专业人员应该还可以进一步意识到,结合本文中所公开的实施例描述的各示例的对象及算法步骤,能够以电子硬件、计算机软件或者二者的结合来实现,为了清楚地说明硬件和软件的可互换性,在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本申请的范围。
结合本文中所公开的实施例描述的方法或算法的步骤可以用硬件、处理器执行的软件模块,或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
以上所述的具体实施方式,对本申请的目的、技术方案和有益效果进行了进一步详细说明,所应理解的是,以上所述仅为本申请的具体实施方式而已,并不用于限定本申请的保护范围,凡在本申请的精神和原则之内,所做的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。
Claims (10)
1.一种网页框选操作的处理方法,其特征在于,所述方法包括:
当监测到对所述网页的框选操作时,根据所述框选操作,在所述网页的可滚动元素下创建选择层;
确定所述选择层的位置;
判断所述网页中的目标元素的位置与所述选择层的位置之间的位置关系是否满足预设条件;
当判断结果为所述位置关系满足预设条件时,确定所述目标元素的状态为选择状态。
2.如权利要求1所述的方法,其特征在于,所述可滚动元素为所述目标元素的父级元素;所述在所述网页的可滚动元素下创建选择层,包括:
在所述网页的所述目标元素的父级元素下创建选择层。
3.如权利要求1所述的方法,其特征在于,所述方法还包括:
将所述网页的body元素设定为可滚动元素;
所述在所述网页的可滚动元素下创建选择层,包括:
在所述网页的body元素下创建选择层。
4.如权利要求1所述的方法,其特征在于,所述方法还包括:
当所述框选操作超出屏幕范围时,将所述网页的元素中不在可视范围内的元素移除。
5.如权利要求4所述的方法,其特征在于,所述方法还包括:
将所述网页中确定为选择状态的所述目标元素进行标记。
6.一种网页框选操作的处理装置,其特征在于,所述装置包括:
创建单元,用于当监测到对所述网页的框选操作时,根据所述框选操作,在所述网页的可滚动元素下创建选择层;
确定单元,用于确定所述创建单元创建的选择层的位置;
判断单元,用于判断所述网页中的目标元素的位置与所述确定单元确定的选择层的位置之间的位置关系是否满足预设条件;
所述确定单元,还用于当所述判断单元的判断结果为所述位置关系满足预设条件时,确定所述目标元素的状态为选择状态。
7.如权利要求6所述的装置,其特征在于,所述可滚动元素为所述目标元素的父级元素;所述创建单元,具体用于在所述网页的所述目标元素的父级元素下创建选择层。
8.如权利要求6所述的装置,其特征在于,所述装置还包括:
设定单元,用于将所述网页的body元素设定为可滚动元素;
所述创建单元,具体用于在所述网页的body元素下创建选择层。
9.如权利要求6所述的装置,其特征在于,所述装置还包括:
移除单元,用于当所述框选操作超出屏幕范围时,将所述网页的元素中不在可视范围内的元素移除。
10.如权利要求9所述的装置,其特征在于,所述装置还包括:
标记单元,用于将所述网页中确定为选择状态的所述目标元素进行标记。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510303578.9A CN106294482B (zh) | 2015-06-04 | 2015-06-04 | 网页框选操作的处理方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510303578.9A CN106294482B (zh) | 2015-06-04 | 2015-06-04 | 网页框选操作的处理方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106294482A true CN106294482A (zh) | 2017-01-04 |
CN106294482B CN106294482B (zh) | 2019-10-15 |
Family
ID=57656649
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510303578.9A Active CN106294482B (zh) | 2015-06-04 | 2015-06-04 | 网页框选操作的处理方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106294482B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109829092A (zh) * | 2018-12-26 | 2019-05-31 | 厦门邑通软件科技有限公司 | 一种对网页进行定向监测的方法 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1222242A (zh) * | 1996-06-17 | 1999-07-07 | 英国电讯有限公司 | 基于网络的访问*** |
US20030051214A1 (en) * | 1997-12-22 | 2003-03-13 | Ricoh Company, Ltd. | Techniques for annotating portions of a document relevant to concepts of interest |
CN1698048A (zh) * | 2002-09-13 | 2005-11-16 | 雅虎公司 | 改进的浏览器用户界面 |
US20060287974A1 (en) * | 2005-06-20 | 2006-12-21 | Canon Kabushiki Kaisha | Print control apparatus and print control method |
CN102314300A (zh) * | 2010-07-08 | 2012-01-11 | 广东国笔科技股份有限公司 | 一种智能切换***及方法 |
CN102880607A (zh) * | 2011-07-15 | 2013-01-16 | 舆情(香港)有限公司 | 网络动态内容抓取方法及网络动态内容爬虫*** |
-
2015
- 2015-06-04 CN CN201510303578.9A patent/CN106294482B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1222242A (zh) * | 1996-06-17 | 1999-07-07 | 英国电讯有限公司 | 基于网络的访问*** |
US20030051214A1 (en) * | 1997-12-22 | 2003-03-13 | Ricoh Company, Ltd. | Techniques for annotating portions of a document relevant to concepts of interest |
CN1698048A (zh) * | 2002-09-13 | 2005-11-16 | 雅虎公司 | 改进的浏览器用户界面 |
US20060287974A1 (en) * | 2005-06-20 | 2006-12-21 | Canon Kabushiki Kaisha | Print control apparatus and print control method |
CN102314300A (zh) * | 2010-07-08 | 2012-01-11 | 广东国笔科技股份有限公司 | 一种智能切换***及方法 |
CN102880607A (zh) * | 2011-07-15 | 2013-01-16 | 舆情(香港)有限公司 | 网络动态内容抓取方法及网络动态内容爬虫*** |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109829092A (zh) * | 2018-12-26 | 2019-05-31 | 厦门邑通软件科技有限公司 | 一种对网页进行定向监测的方法 |
Also Published As
Publication number | Publication date |
---|---|
CN106294482B (zh) | 2019-10-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP6028291B2 (ja) | アプリケーション・アイコンを追加するための方法および装置ならびにアプリケーション・アイコンを削除するための方法および装置 | |
CN104571862B (zh) | 一种移动终端页面中展示数据的方法和装置 | |
DE102012109959A1 (de) | Automatische Vergrößerungs- und Auswahlbestätigung | |
CN104021004B (zh) | 一种对图标单元进行操作的方法及*** | |
CN104636321A (zh) | 文本显示方法及装置 | |
CN105426055A (zh) | 一种终端设备应用图标的移动方法及装置 | |
CN108469973A (zh) | 界面内容的显示方法、显示装置以及智能显示设备 | |
CN103885980A (zh) | 添加书签的方法及浏览器 | |
CN103135911B (zh) | 一种信息处理方法及电子终端 | |
CN103677577A (zh) | 一种终端对象的操作方法及终端 | |
US20170139584A1 (en) | User account switching interface | |
CN106294482A (zh) | 网页框选操作的处理方法和装置 | |
CN104462452A (zh) | 页面显示的方法及装置 | |
CN109164950B (zh) | 一种移动终端***界面设置方法、装置、介质和设备 | |
CN106980433A (zh) | 图标的分组方法及装置 | |
CN105511764A (zh) | 一种终端的页面移动方法、装置及终端 | |
CN109521914A (zh) | 恢复文件中数据的方法、装置和*** | |
CN107450809B (zh) | 页面交互方法、装置以及电子终端 | |
JP2015210663A5 (zh) | ||
TW201541341A (zh) | 照片/視訊時間軸顯示 | |
CN103885689A (zh) | 信息处理方法和电子设备 | |
CN103838476B (zh) | 数据的处理方法及触摸屏终端 | |
CN104346360A (zh) | 一种移动终端浏览器放大网页的方法及装置 | |
CN104281370A (zh) | 一种网页窗口关闭方法及装置 | |
CN106843726A (zh) | 一种终端操作方法及终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |