CN112527178B - 页面控制方法、装置、设备及存储介质 - Google Patents
页面控制方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN112527178B CN112527178B CN202011491160.2A CN202011491160A CN112527178B CN 112527178 B CN112527178 B CN 112527178B CN 202011491160 A CN202011491160 A CN 202011491160A CN 112527178 B CN112527178 B CN 112527178B
- Authority
- CN
- China
- Prior art keywords
- target control
- control area
- scroll bar
- page
- user
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
- G06F3/04855—Interaction with scrollbars
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
Abstract
本发明涉及页面控制技术,提供了一种页面控制方法、装置、设备及存储介质。通过实时侦测当前页面是否存在横向滚动条,当侦测到当前页面存在横向滚动条时,获取横向滚动条的坐标信息,基于横向滚动条的坐标信息生成横向滚动条的目标控制区域,实时侦测并判断用户是否触发目标控制区域,当侦测到用户触发目标控制区域时,实时获取用户的操作类型,基于操作类型对当前页面执行相应的滑动操作控制,利用本发明可以方便用户对页面滚动进行控制,提高页面控制的效率。本发明还涉及区块链技术领域,上述坐标信息还可以存储于一区块链的节点中。
Description
技术领域
本发明涉及页面控制技术领域,尤其涉及一种页面控制方法、装置、设备及存储介质。
背景技术
目前,由于网页产品的页面内容较多、且页面的复杂度较高,当台式电脑的页面列表宽度很大时,常常出现页面内容超出单屏展示区域的情况,这时候一般会出现横向及纵向滚动条,来实现页面的上下左右滚动展示,用户浏览的时候就需要频繁的左右滑动。若设备不支持左右滑动(不包含触摸板),用户只能频繁利用外设设备(例如,鼠标)拖动滚动条,给用户浏览页面带来极大的不便。
发明内容
鉴于以上内容,本发明提供一种页面控制方法、装置、设备及存储介质,其目的在于解决现有技术中当页面内容超出单屏展示区域情况时,用户浏览页面不便的技术问题。
为实现上述目的,本发明提供一种页面控制方法,该方法包括:
实时侦测当前页面是否存在横向滚动条,当侦测到当前页面存在横向滚动条时,获取所述横向滚动条的坐标信息;
基于所述横向滚动条的坐标信息生成所述横向滚动条的目标控制区域,实时侦测并判断用户是否触发所述目标控制区域;
当侦测到所述用户触发所述目标控制区域时,实时获取所述用户的操作类型,基于所述操作类型对所述当前页面执行相应的滑动操作控制。
优选的,所述基于所述横向滚动条的坐标信息生成所述横向滚动条的目标控制区域包括:
基于所述横向滚动条的坐标信息获取所述横向滚动条的宽度值及高度值,将所述横向滚动条的宽度值作为所述目标控制区域的宽度值;
将所述横向滚动条的高度值增加预设值后的结果值作为所述目标控制区域的高度值;
基于所述目标控制区域的宽度值及所述目标控制区域的高度值生成所述横向滚动条的目标控制区域。
优选的,所述实时侦测并判断用户是否触发所述目标控制区域包括:
判断鼠标光标在所述目标控制区域的停留时长是否大于预设时长,当鼠标光标在所述目标控制区域的停留时长大于预设时长时,判断所述用户触发所述目标控制区域。
优选的,在所述实时侦测并判断用户是否触发所述目标控制区域之后,所述方法还包括:
当侦测到所述用户未触发所述目标控制区域时,将所述目标控制区域设置为透明度大于第一预设阈值的预设颜色;
当侦测到所述用户触发所述目标控制区域时,将所述目标控制区域设置为透明度小于第二预设阈值的预设颜色。
优选的,所述基于所述操作类型对所述当前页面执行对应的滑动操作控制包括:
当所述操作类型为第一操作类型时,控制所述当前页面向左滑动,当所述操作类型为第二操作类型时,控制所述当前页面向右滑动。
优选的,在所述当侦测到所述用户触发所述目标控制区域之后,所述方法还包括:
实时侦测鼠标光标是否离开所述目标控制区域,当侦测到鼠标光标离开所述目标控制区域时,终止所述目标控制区域的触发模式。
优选的,在所述当侦测到所述用户触发所述目标控制区域之后,所述方法还包括:
在所述当前页面的预设位置显示预设的提示信息。
为实现上述目的,本发明还提供一种页面控制装置,该页面控制装置包括:
侦测模块:用于实时侦测当前页面是否存在横向滚动条,当侦测到当前页面存在横向滚动条时,获取所述横向滚动条的坐标信息;
生成模块:用于基于所述横向滚动条的坐标信息生成所述横向滚动条的目标控制区域,实时侦测并判断用户是否触发所述目标控制区域;
控制模块:用于当侦测到所述用户触发所述目标控制区域时,实时获取所述用户的操作类型,基于所述操作类型对所述当前页面执行相应的滑动操作控制。
为实现上述目的,本发明还提供一种电子设备,所述电子设备包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的程序,所述程序被所述至少一个处理器执行,以使所述至少一个处理器能够执行如上所述的页面控制方法的任意步骤。
为实现上述目的,本发明还提供一种计算机可读存储介质,所述计算机可读存储介质存储有页面控制程序,所述页面控制程序被处理器执行时,实现如上所述页面控制方法的任意步骤。
本发明提出的页面控制方法、装置、设备及存储介质,解决了台式电脑的页面横向滑动操作不方便的问题,无需为台式机增加外接设备或更换其他设备,只需要普通的鼠标即可完成操作,保证所有用户的可操作性,不需要借助键盘的操作,操作简单;增加的目标控制区域,能够从视觉上给用户交互反馈,不需要用户查找操作方式,比配合键盘的隐藏式操作更直接明了,普及起来更加容易,增加的触发区域显示效果,让用户在下一次触发时就能想起如何操作,减少用户记忆负担;增加的目标控制区域的操作提示,直接提示用户触发后下一步如何操作,比键盘配合的隐藏式操作更明确。方便了用户对页面滚动的控制,提高页面控制的效率。
附图说明
图1为本发明页面控制方法较佳实施例的流程图示意图;
图2为本发明页面控制装置较佳实施例的模块示意图;
图3为本发明电子设备较佳实施例的示意图;
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅用以解释本发明,并不用于限定本发明。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明提供一种页面控制方法。参照图1所示,为本发明页面控制方法的实施例的方法流程示意图。该方法可以由一个电子设备执行,该电子设备可以由软件和/或硬件实现。页面控制方法包括:
步骤S10:实时侦测当前页面是否存在横向滚动条,当侦测到当前页面存在横向滚动条时,获取所述横向滚动条的坐标信息。
在本实施例中,实时侦测当前页面是否存在用于控制页面横向滚动的横向滚动条,当页面的内容超出单屏的显示区域时,页面会出现横向滚动条或纵向滚动条,当前页面可以是指终端设备上安装的客户端的网页,例如,浏览器上的待进行滚动控制的网页,电商网页、新闻网页、小说网页等等。用户通过终端设备访问网页,在对页面进行浏览时,用户可以对当前页面进行滚动操作,滚动操作可以是用户再浏览页面时对页面通过终端进行的操作行为,例如,横向滚动操作、纵向滚动操作以实现对网页上不同内容的浏览,其中,实现滚动操作可以是用户通过控制鼠标的按键及滚轮操作实现。
当侦测到当前页面存在横向滚动条时,即当前页面的内容超出单屏的显示区域时,获取当前页面的横向滚动条的坐标信息,其中,横向滚动条的坐标信息包括横向滚动条在当前页面的横坐标值和纵坐标值。
步骤S20:基于所述横向滚动条的坐标信息生成所述横向滚动条的目标控制区域,实时侦测并判断用户是否触发所述目标控制区域。
在本实施例中,根据获取到的横向滚动条的坐标信息可以生成横向滚动条的目标控制区域,例如,将横向滚动条的坐标信息作为目标控制区域的坐标信息,即两者的坐标信息相同,横向滚动条的目标控制区域与横向滚动条的显示区域互相重合,其中,横向滚动条的目标控制区域用于控制用户对当前页面进行左右横向操作,在生成横向滚动条的目标控制区域之后,实时侦测用户是否触发目标控制区域。
在一个实施例中,所述基于所述横向滚动条的坐标信息生成所述横向滚动条的目标控制区域包括:
基于所述横向滚动条的坐标信息获取所述横向滚动条的宽度值及高度值,将所述横向滚动条的宽度值作为所述目标控制区域的宽度值;
将所述横向滚动条的高度值增加预设值后的结果值作为所述目标控制区域的高度值;
基于所述目标控制区域的宽度值及所述目标控制区域的高度值生成所述横向滚动条的目标控制区域。
需要说明的是,横向滚动条的坐标信息是页面窗口坐标,以当前页面窗口的左上角为起始坐标(0,0)获取横向滚动条的横坐标值及总坐标值,从而得到横向滚动条的宽度值和高度值,将横向滚动条的宽度值作为目标控制区域的宽度值,将横向滚动条的高度值增加预设值后的值作为目标控制区域的高度值,预设值可以是50px,由于横向滚动条的宽度值和高度值来自于窗口坐标,当页面窗口大小发送变化时,目标控制区域的大小可以与页面的横向滚动条的宽度相应改变。
在一个实施例中,所述实时侦测并判断用户是否触发所述目标控制区域包括:
判断鼠标光标在所述目标控制区域的停留时长是否大于预设时长,当鼠标光标在所述目标控制区域的停留时长大于预设时长时,判断所述用户触发所述目标控制区域。
当用户控制鼠标的光标在目标控制区域停留时长超过预设时长(例如,1秒钟),触发目标控制区域,可以避免鼠标光标在极短时间内经过目标控制区域时而触发该目标控制区域。
在一个实施例中,在所述实时侦测并判断用户是否触发所述目标控制区域之后,所述方法还包括:
当侦测到所述用户未触发所述目标控制区域时,将所述目标控制区域设置为透明度大于第一预设阈值的预设颜色;
当侦测到所述用户触发所述目标控制区域时,将所述目标控制区域设置为透明度小于第二预设阈值的预设颜色。
用户未触发目标控制区域时,通过设置div样式可以将目标控制区域设置为透明度较高的预设颜色,例如设置透明度大于90%的黄色,当侦测到用户触发了目标控制区域时,可以将目标控制区域设置为透明度较低的预设颜色,例如,设置透明度小于50%的黄色,以此提示用户目标控制区域已经处于激活的状态。
步骤S30:当侦测到所述用户触发所述目标控制区域时,实时获取所述用户的操作类型,基于所述操作类型对所述当前页面执行相应的滑动操作控制。
在本实施例中,当侦测到用户触发目标控制区域时,例如,当用户控制鼠标悬停在该目标控制区域时,通过js接收到信号,该目标控制区域被触发激活。目标控制区域被激活之后,可以实时获取用户的操作类型,用户的操作类型可以是指通过外设设备对页面的控制操作,例如,用户控制鼠标中键滚轮滑动页面的操作,之后,根据用户的操作类型对当前页面的执行对应的滑动页面的控制,例如,控制当前页面向左或向右滑动。
在一个实施例中,所述基于所述操作类型对所述当前页面执行对应的滑动操作控制包括:
当所述操作类型为第一操作类型时,控制所述当前页面向左滑动,当所述操作类型为第二操作类型时,控制所述当前页面向右滑动。
第一操作类型可以是指用户控制鼠标的中键滚轮向上滑动,此时可以控制当前页面向左滑动,第二操作类型可以是指用户控制鼠标的中间滚轮向下滑动,此时可以控制当前页面向右滑动。
在一个实施例中,在所述当侦测到所述用户触发所述目标控制区域之后,所述方法还包括:
实时侦测鼠标光标是否离开所述目标控制区域,当侦测到鼠标光标离开所述目标控制区域时,终止所述目标控制区域的触发模式。
当侦测到鼠标光标离开目标控制区域,则终止触发目标控制区域,恢复页面的常规操作的模式。
在一个实施例中,在所述当侦测到所述用户触发所述目标控制区域之后,所述方法还包括:
在所述当前页面的预设位置显示预设的提示信息。当目标控制区域被用户触发时,可以在预设位置显示提示信息,以提示用户进行相应的操作,例如,提示信息可以是“滚动鼠标中键可左右滑动页面”等。
本方案解决了台式电脑的页面横向滑动操作不方便的问题,无需为台式机增加外接设备或更换其他设备,只需要普通的鼠标即可完成操作,保证所有用户的可操作性,不需要借助键盘的操作,操作简单。增加的目标控制区域,能够从视觉上给用户交互反馈,不需要用户查找操作方式,比配合键盘的隐藏式操作更直接明了,普及起来更加容易,增加的触发区域显示效果,让用户在下一次触发时就能想起如何操作,减少用户记忆负担;增加了目标控制区域的操作提示,直接提示用户触发后下一步如何操作,比键盘配合的隐藏式操作更明确。
参照图2所示,为本发明页面控制装置100的功能模块示意图。
本发明所述页面控制装置100可以安装于电子设备中。根据实现的功能,所述页面控制装置100可以包括侦测模块110、生成模块120及控制模块130。本发所述模块也可以称之为单元,是指一种能够被电子设备处理器所执行,并且能够完成固定功能的一系列计算机程序段,其存储在电子设备的存储器中。
在本实施例中,关于各模块/单元的功能如下:
侦测模块110,用于实时侦测当前页面是否存在横向滚动条,当侦测到当前页面存在横向滚动条时,获取所述横向滚动条的坐标信息。
在本实施例中,实时侦测当前页面是否存在用于控制页面横向滚动的横向滚动条,当页面的内容超出单屏的显示区域时,页面会出现横向滚动条或纵向滚动条,当前页面可以是指终端设备上安装的客户端的网页,例如,浏览器上的待进行滚动控制的网页,电商网页、新闻网页、小说网页等等。用户通过终端设备访问网页,在对页面进行浏览时,用户可以对当前页面进行滚动操作,滚动操作可以是用户再浏览页面时对页面通过终端进行的操作行为,例如,横向滚动操作、纵向滚动操作以实现对网页上不同内容的浏览,其中,实现滚动操作可以是用户通过控制鼠标的按键及滚轮操作实现。
当侦测到当前页面存在横向滚动条时,即当前页面的内容超出单屏的显示区域时,获取当前页面的横向滚动条的坐标信息,其中,横向滚动条的坐标信息包括横向滚动条在当前页面的横坐标值和纵坐标值。
生成模块120,用于基于所述横向滚动条的坐标信息生成所述横向滚动条的目标控制区域,实时侦测并判断用户是否触发所述目标控制区域。
在本实施例中,根据获取到的横向滚动条的坐标信息可以生成横向滚动条的目标控制区域,例如,将横向滚动条的坐标信息作为目标控制区域的坐标信息,即两者的坐标信息相同,横向滚动条的目标控制区域与横向滚动条的显示区域互相重合,其中,横向滚动条的目标控制区域用于控制用户对当前页面进行左右横向操作,在生成横向滚动条的目标控制区域之后,实时侦测用户是否触发目标控制区域。
在一个实施例中,所述基于所述横向滚动条的坐标信息生成所述横向滚动条的目标控制区域包括:
基于所述横向滚动条的坐标信息获取所述横向滚动条的宽度值及高度值,将所述横向滚动条的宽度值作为所述目标控制区域的宽度值;
将所述横向滚动条的高度值增加预设值后的结果值作为所述目标控制区域的高度值;
基于所述目标控制区域的宽度值及所述目标控制区域的高度值生成所述横向滚动条的目标控制区域。
需要说明的是,横向滚动条的坐标信息是页面窗口坐标,以当前页面窗口的左上角为起始坐标(0,0)获取横向滚动条的横坐标值及总坐标值,从而得到横向滚动条的宽度值和高度值,将横向滚动条的宽度值作为目标控制区域的宽度值,将横向滚动条的高度值增加预设值后的值作为目标控制区域的高度值,预设值可以是50px,由于横向滚动条的宽度值和高度值来自于窗口坐标,当页面窗口大小发送变化时,目标控制区域的大小可以与页面的横向滚动条的宽度相应改变。
在一个实施例中,所述实时侦测并判断用户是否触发所述目标控制区域包括:
判断鼠标光标在所述目标控制区域的停留时长是否大于预设时长,当鼠标光标在所述目标控制区域的停留时长大于预设时长时,判断所述用户触发所述目标控制区域。
当用户控制鼠标的光标在目标控制区域停留时长超过预设时长(例如,1秒钟),触发目标控制区域,可以避免鼠标光标在极短时间内经过目标控制区域时而触发该目标控制区域。
在一个实施例中,生成模块120还用于:
当侦测到所述用户未触发所述目标控制区域时,将所述目标控制区域设置为透明度大于第一预设阈值的预设颜色;
当侦测到所述用户触发所述目标控制区域时,将所述目标控制区域设置为透明度小于第二预设阈值的预设颜色。
用户未触发目标控制区域时,通过设置div样式可以将目标控制区域设置为透明度较高的预设颜色,例如设置透明度大于90%的黄色,当侦测到用户触发了目标控制区域时,可以将目标控制区域设置为透明度较低的预设颜色,例如,设置透明度小于50%的黄色,以此提示用户目标控制区域已经处于激活的状态。
控制模块130,用于当侦测到所述用户触发所述目标控制区域时,实时获取所述用户的操作类型,基于所述操作类型对所述当前页面执行相应的滑动操作控制。
在本实施例中,当侦测到用户触发目标控制区域时,例如,当用户控制鼠标悬停在该目标控制区域时,通过js接收到信号,该目标控制区域被触发激活。目标控制区域被激活之后,可以实时获取用户的操作类型,用户的操作类型可以是指通过外设设备对页面的控制操作,例如,用户控制鼠标中键滚轮滑动页面的操作,之后,根据用户的操作类型对当前页面的执行对应的滑动页面的控制,例如,控制当前页面向左或向右滑动。
在一个实施例中,所述基于所述操作类型对所述当前页面执行对应的滑动操作控制包括:
当所述操作类型为第一操作类型时,控制所述当前页面向左滑动,当所述操作类型为第二操作类型时,控制所述当前页面向右滑动。
第一操作类型可以是指用户控制鼠标的中键滚轮向上滑动,此时可以控制当前页面向左滑动,第二操作类型可以是指用户控制鼠标的中间滚轮向下滑动,此时可以控制当前页面向右滑动。
在一个实施例中,控制模块130还用于:
实时侦测鼠标光标是否离开所述目标控制区域,当侦测到鼠标光标离开所述目标控制区域时,终止所述目标控制区域的触发模式。
当侦测到鼠标光标离开目标控制区域,则终止触发目标控制区域,恢复页面的常规操作的模式。
在一个实施例中,控制模块130还用于:
在所述当前页面的预设位置显示预设的提示信息。当目标控制区域被用户触发时,可以在预设位置显示提示信息,以提示用户进行相应的操作,例如,提示信息可以是“滚动鼠标中键可左右滑动页面”等。
参照图3所示,为本发明电子设备1较佳实施例的示意图。
该电子设备1包括但不限于:存储器11、处理器12、显示器13及网络接口14。所述电子设备1通过网络接口14连接网络,获取原始数据。其中,所述网络可以是企业内部网(Intranet)、互联网(Internet)、全球移动通讯系统(Global System of Mobilecommunication,GSM)、宽带码分多址(Wideband Code Division Multiple Access,WCDMA)、4G网络、5G网络、蓝牙(Bluetooth)、Wi-Fi、通话网络等无线或有线网络。
其中,存储器11至少包括一种类型的可读存储介质,所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中,所述存储器11可以是所述电子设备1的内部存储单元,例如该电子设备1的硬盘或内存。在另一些实施例中,所述存储器11也可以是所述电子设备1的外部存储设备,例如该电子设备1配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。当然,所述存储器11还可以既包括所述电子设备1的内部存储单元也包括其外部存储设备。本实施例中,存储器11通常用于存储安装于所述电子设备1的操作系统和各类应用软件,例如页面控制程序10的程序代码等。此外,存储器11还可以用于暂时地存储已经输出或者将要输出的各类数据。
处理器12在一些实施例中可以是中央处理器(Central Processing Unit,CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器12通常用于控制所述电子设备1的总体操作,例如执行数据交互或者通信相关的控制和处理等。本实施例中,所述处理器12用于运行所述存储器11中存储的程序代码或者处理数据,例如运行页面控制程序10的程序代码等。
显示器13可以称为显示屏或显示单元。在一些实施例中显示器13可以是LED显示器、液晶显示器、触控式液晶显示器以及有机发光二极管(Organic Light-EmittingDiode,OLED)触摸器等。显示器13用于显示在电子设备1中处理的信息以及用于显示可视化的工作界面,例如显示数据统计的结果。
网络接口14可选地可以包括标准的有线接口、无线接口(如WI-FI接口),该网络接口14通常用于在所述电子设备1与其它电子设备之间建立通信连接。
图3仅示出了具有组件11-14以及页面控制程序10的电子设备1,但是应理解的是,并不要求实施所有示出的组件,可以替代的实施更多或者更少的组件。
可选地,所述电子设备1还可以包括用户接口,用户接口可以包括显示器(Display)、输入单元比如键盘(Keyboard),可选的用户接口还可以包括标准的有线接口、无线接口。可选地,在一些实施例中,显示器可以是LED显示器、液晶显示器、触控式液晶显示器以及有机发光二极管(Organic Light-Emitting Diode,OLED)触摸器等。其中,显示器也可以适当的称为显示屏或显示单元,用于显示在电子设备1中处理的信息以及用于显示可视化的用户界面。
该电子设备1还可以包括射频(Radio Frequency,RF)电路、传感器和音频电路等等,在此不再赘述。
在上述实施例中,处理器12执行存储器11中存储的页面控制程序10时可以实现如下步骤:
实时侦测当前页面是否存在横向滚动条,当侦测到当前页面存在横向滚动条时,获取所述横向滚动条的坐标信息;
基于所述横向滚动条的坐标信息生成所述横向滚动条的目标控制区域,实时侦测并判断用户是否触发所述目标控制区域;
当侦测到所述用户触发所述目标控制区域时,实时获取所述用户的操作类型,基于所述操作类型对所述当前页面执行相应的滑动操作控制。
所述存储设备可以为电子设备1的存储器11,也可以为与电子设备1通讯连接的其它存储设备。
关于上述步骤的详细介绍,请参照上述图2关于页面控制装置100实施例的功能模块图以及图1关于页面控制方法实施例的流程图的说明。
此外,本发明实施例还提出一种计算机可读存储介质,所述计算机可读存储介质可以是非易失性的,也可以是易失性的。该计算机可读存储介质可以是硬盘、多媒体卡、SD卡、闪存卡、SMC、只读存储器(ROM)、可擦除可编程只读存储器(EPROM)、便携式紧致盘只读存储器(CD-ROM)、USB存储器等等中的任意一种或者几种的任意组合。所述计算机可读存储介质中包括存储数据区和存储程序区,存储数据区存储根据区块链节点的使用所创建的数据,存储程序区存储有页面控制程序10,所述页面控制程序10被处理器执行时实现如下操作:
实时侦测当前页面是否存在横向滚动条,当侦测到当前页面存在横向滚动条时,获取所述横向滚动条的坐标信息;
基于所述横向滚动条的坐标信息生成所述横向滚动条的目标控制区域,实时侦测并判断用户是否触发所述目标控制区域;
当侦测到所述用户触发所述目标控制区域时,实时获取所述用户的操作类型,基于所述操作类型对所述当前页面执行相应的滑动操作控制。
本发明之计算机可读存储介质的具体实施方式与上述页面控制方法的具体实施方式大致相同,在此不再赘述。
在另一个实施例中,本发明所提供的页面控制方法,为进一步保证上述所有出现的数据的私密和安全性,上述所有数据还可以存储于一区块链的节点中。例如目标控制区域的坐标信息等,这些数据均可存储在区块链节点中。
需要说明的是,本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain),本质上是一个去中心化的数据库,是一串使用密码学方法相关联产生的数据块,每一个数据块中包含了一批次网络交易的信息,用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
需要说明的是,上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。并且本文中的术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、装置、物品或者方法不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、装置、物品或者方法所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、装置、物品或者方法中还存在另外的相同要素。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在如上所述的一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,电子装置,或者网络设备等)执行本发明各个实施例所述的方法。
以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (8)
1.一种页面控制方法,其特征在于,所述方法包括:
实时侦测当前页面是否存在横向滚动条,当侦测到当前页面存在横向滚动条时,获取所述横向滚动条的坐标信息,在当前页面大小发生变化时,重新获取所述横向滚动条的坐标信息;
基于所述横向滚动条的坐标信息获取所述横向滚动条的宽度值及高度值,将所述横向滚动条的宽度值作为目标控制区域的宽度值;将所述横向滚动条的高度值增加预设值后的结果值作为所述目标控制区域的高度值;基于所述目标控制区域的宽度值及所述目标控制区域的高度值生成所述横向滚动条的目标控制区域;
判断鼠标光标在所述目标控制区域的停留时长是否大于预设时长,当鼠标光标在所述目标控制区域的停留时长大于预设时长时,判断用户触发所述目标控制区域;
当侦测到所述用户触发所述目标控制区域时,实时获取所述用户的操作类型,基于所述操作类型对所述当前页面执行相应的滑动操作控制。
2.如权利要求1所述的页面控制方法,其特征在于,在所述实时侦测并判断用户是否触发所述目标控制区域之后,所述方法还包括:
当侦测到所述用户未触发所述目标控制区域时,将所述目标控制区域设置为透明度大于第一预设阈值的预设颜色;
当侦测到所述用户触发所述目标控制区域时,将所述目标控制区域设置为透明度小于第二预设阈值的预设颜色。
3.如权利要求1所述的页面控制方法,其特征在于,所述基于所述操作类型对所述当前页面执行对应的滑动操作控制包括:
当所述操作类型为第一操作类型时,控制所述当前页面向左滑动,当所述操作类型为第二操作类型时,控制所述当前页面向右滑动。
4.如权利要求1所述的页面控制方法,其特征在于,在所述当侦测到所述用户触发所述目标控制区域之后,所述方法还包括:
实时侦测鼠标光标是否离开所述目标控制区域,当侦测到鼠标光标离开所述目标控制区域时,终止所述目标控制区域的触发模式。
5.如权利要求1至4中任意一项所述的页面控制方法,其特征在于,在所述当侦测到所述用户触发所述目标控制区域之后,所述方法还包括:
在所述当前页面的预设位置显示预设的提示信息。
6.一种页面控制装置,其特征在于,所述装置包括:
侦测模块:用于实时侦测当前页面是否存在横向滚动条,当侦测到当前页面存在横向滚动条时,获取所述横向滚动条的坐标信息,在当前页面大小发生变化时,重新获取所述横向滚动条的坐标信息;
生成模块:用于基于所述横向滚动条的坐标信息获取所述横向滚动条的宽度值及高度值,将所述横向滚动条的宽度值作为目标控制区域的宽度值;将所述横向滚动条的高度值增加预设值后的结果值作为所述目标控制区域的高度值;基于所述目标控制区域的宽度值及所述目标控制区域的高度值生成所述横向滚动条的目标控制区域;判断鼠标光标在所述目标控制区域的停留时长是否大于预设时长,当鼠标光标在所述目标控制区域的停留时长大于预设时长时,判断用户触发所述目标控制区域;
控制模块:用于当侦测到所述用户触发所述目标控制区域时,实时获取所述用户的操作类型,基于所述操作类型对所述当前页面执行相应的滑动操作控制。
7.一种电子设备,其特征在于,所述电子设备包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的程序,所述程序被所述至少一个处理器执行,以使所述至少一个处理器能够执行如权利要求1至5中任一项所述的页面控制方法。
8.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有页面控制程序,所述页面控制程序被处理器执行时,实现如权利要求1至5中任一项所述页面控制方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011491160.2A CN112527178B (zh) | 2020-12-16 | 2020-12-16 | 页面控制方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011491160.2A CN112527178B (zh) | 2020-12-16 | 2020-12-16 | 页面控制方法、装置、设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112527178A CN112527178A (zh) | 2021-03-19 |
CN112527178B true CN112527178B (zh) | 2023-04-07 |
Family
ID=75001135
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011491160.2A Active CN112527178B (zh) | 2020-12-16 | 2020-12-16 | 页面控制方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112527178B (zh) |
Citations (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1815478A (zh) * | 2006-03-06 | 2006-08-09 | 阿里巴巴公司 | 在网页中实现表格局部滚动显示的方法及系统 |
CN101201717A (zh) * | 2006-12-12 | 2008-06-18 | 中兴通讯股份有限公司 | 方便窗口界面滚动的方法 |
CN101515217A (zh) * | 2008-02-22 | 2009-08-26 | 鸿富锦精密工业(深圳)有限公司 | 显示控制方法及其控制装置 |
CN102122361A (zh) * | 2009-12-15 | 2011-07-13 | 北大方正集团有限公司 | 一种基于可变区域进行页面组装的方法及系统 |
CN103019548A (zh) * | 2011-09-22 | 2013-04-03 | 致伸科技股份有限公司 | 控制不同窗口滚动条的电脑周边装置与方法 |
CN103577047A (zh) * | 2013-11-05 | 2014-02-12 | 北京国双科技有限公司 | 用于数据网格控件的水平滚动条的显示处理方法和装置 |
CN103941978A (zh) * | 2014-04-01 | 2014-07-23 | 上海网达软件股份有限公司 | 一种控件内容显示方法 |
CN104572057A (zh) * | 2013-10-25 | 2015-04-29 | 腾讯科技(深圳)有限公司 | 滚动条控制方法及装置 |
CN104615356A (zh) * | 2014-12-18 | 2015-05-13 | 百度在线网络技术(北京)有限公司 | 页面操控方法和装置 |
CN105320432A (zh) * | 2015-10-30 | 2016-02-10 | 百度在线网络技术(北京)有限公司 | 一种滚动条的显示方法及装置 |
CN107329674A (zh) * | 2017-06-26 | 2017-11-07 | 上海与德科技有限公司 | 一种滚动条的移动控制方法及装置 |
CN109213481A (zh) * | 2017-06-30 | 2019-01-15 | 武汉斗鱼网络科技有限公司 | 一种滑动条控件实现方法及装置 |
CN110275661A (zh) * | 2018-03-15 | 2019-09-24 | 武汉斗鱼网络科技有限公司 | 数据展示方法及装置 |
CN110427147A (zh) * | 2019-07-19 | 2019-11-08 | 无线生活(杭州)信息科技有限公司 | 一种页面位置定位方法及装置 |
CN111459375A (zh) * | 2020-03-31 | 2020-07-28 | 北京金山安全软件有限公司 | 页面滑动位置控制方法、装置、电子设备和存储介质 |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101719026A (zh) * | 2009-12-31 | 2010-06-02 | 詹龙江 | 利用鼠标横向摇摆控制电脑文件横向滚动的方法及鼠标 |
US20150082238A1 (en) * | 2013-09-18 | 2015-03-19 | Jianzhong Meng | System and method to display and interact with a curve items list |
US20150177916A1 (en) * | 2013-12-23 | 2015-06-25 | Tencent Technology (Shenzhen) Company Limited | Devices and methods for providing feedback of an application |
US20150227279A1 (en) * | 2014-02-12 | 2015-08-13 | Microsoft Corporation | Variable horizontal scrolling |
US9684645B2 (en) * | 2014-08-04 | 2017-06-20 | Google Inc. | Summary views for ebooks |
CN110221758B (zh) * | 2019-04-29 | 2022-08-26 | 平安科技(深圳)有限公司 | 滚动条控制方法、装置、计算机设备和存储介质 |
-
2020
- 2020-12-16 CN CN202011491160.2A patent/CN112527178B/zh active Active
Patent Citations (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1815478A (zh) * | 2006-03-06 | 2006-08-09 | 阿里巴巴公司 | 在网页中实现表格局部滚动显示的方法及系统 |
CN101201717A (zh) * | 2006-12-12 | 2008-06-18 | 中兴通讯股份有限公司 | 方便窗口界面滚动的方法 |
CN101515217A (zh) * | 2008-02-22 | 2009-08-26 | 鸿富锦精密工业(深圳)有限公司 | 显示控制方法及其控制装置 |
CN102122361A (zh) * | 2009-12-15 | 2011-07-13 | 北大方正集团有限公司 | 一种基于可变区域进行页面组装的方法及系统 |
CN103019548A (zh) * | 2011-09-22 | 2013-04-03 | 致伸科技股份有限公司 | 控制不同窗口滚动条的电脑周边装置与方法 |
CN104572057A (zh) * | 2013-10-25 | 2015-04-29 | 腾讯科技(深圳)有限公司 | 滚动条控制方法及装置 |
CN103577047A (zh) * | 2013-11-05 | 2014-02-12 | 北京国双科技有限公司 | 用于数据网格控件的水平滚动条的显示处理方法和装置 |
CN103941978A (zh) * | 2014-04-01 | 2014-07-23 | 上海网达软件股份有限公司 | 一种控件内容显示方法 |
CN104615356A (zh) * | 2014-12-18 | 2015-05-13 | 百度在线网络技术(北京)有限公司 | 页面操控方法和装置 |
CN105320432A (zh) * | 2015-10-30 | 2016-02-10 | 百度在线网络技术(北京)有限公司 | 一种滚动条的显示方法及装置 |
CN107329674A (zh) * | 2017-06-26 | 2017-11-07 | 上海与德科技有限公司 | 一种滚动条的移动控制方法及装置 |
CN109213481A (zh) * | 2017-06-30 | 2019-01-15 | 武汉斗鱼网络科技有限公司 | 一种滑动条控件实现方法及装置 |
CN110275661A (zh) * | 2018-03-15 | 2019-09-24 | 武汉斗鱼网络科技有限公司 | 数据展示方法及装置 |
CN110427147A (zh) * | 2019-07-19 | 2019-11-08 | 无线生活(杭州)信息科技有限公司 | 一种页面位置定位方法及装置 |
CN111459375A (zh) * | 2020-03-31 | 2020-07-28 | 北京金山安全软件有限公司 | 页面滑动位置控制方法、装置、电子设备和存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN112527178A (zh) | 2021-03-19 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106126077B (zh) | 一种应用程序图标的显示控制方法和移动终端 | |
US20170075513A1 (en) | Surf Software | |
CN107562345B (zh) | 一种信息存储方法及移动终端 | |
CN106339436B (zh) | 一种基于图片的购物方法及移动终端 | |
CN107480148A (zh) | 控制网页跳转的方法及装置及用户终端 | |
CN105760794A (zh) | 一种显示隐私信息的方法、装置及终端设备 | |
CN107688428B (zh) | 显示界面控制方法及服务器 | |
JP6109798B2 (ja) | 広告表示制御装置、端末装置、広告表示方法および広告表示プログラム | |
CN111651749A (zh) | 基于密码找回账号的方法、装置、计算机设备及存储介质 | |
CN112667328A (zh) | 具有多种图形化用户接口的股票报价装置与方法 | |
CN112527178B (zh) | 页面控制方法、装置、设备及存储介质 | |
CN105468960B (zh) | 显示密码明文的方法、装置、移动设备及计算机 | |
US11755194B2 (en) | Interactive searching using gestures on any mobile search results page | |
CN107168549B (zh) | 输入方法、显示装置及计算机可读存储介质 | |
CN106775256A (zh) | 图标跨屏滑动方法及装置 | |
US20100131924A1 (en) | Method of building virtual keyboard | |
KR101294458B1 (ko) | 모바일 디바이스에서의 텍스트 입력장치 및 그 방법 | |
CN107273238B (zh) | 一种射频器件运行的控制方法及移动终端 | |
CN111694477B (zh) | 标签处理方法、装置及电子设备 | |
JP4205712B2 (ja) | 文字入力の方法および装置 | |
CN113591003A (zh) | 网页页面的处理方法、装置、计算机设备及存储介质 | |
CN106383651B (zh) | 一种隐藏应用的开启方法及移动终端 | |
CN113162840B (zh) | 显示方法、显示装置、电子设备及可读存储介质 | |
CN114063846A (zh) | 窗口控制方法、装置、设备及存储介质 | |
CN103631505A (zh) | 信息处理设备以及字符输入显示方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |