CN110908550B - 光标悬停状态下的操作处理方法和装置 - Google Patents

光标悬停状态下的操作处理方法和装置 Download PDF

Info

Publication number
CN110908550B
CN110908550B CN201811080524.0A CN201811080524A CN110908550B CN 110908550 B CN110908550 B CN 110908550B CN 201811080524 A CN201811080524 A CN 201811080524A CN 110908550 B CN110908550 B CN 110908550B
Authority
CN
China
Prior art keywords
screen
cursor
user
screen elements
container
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
Application number
CN201811080524.0A
Other languages
English (en)
Other versions
CN110908550A (zh
Inventor
刘志刚
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Jingdong Shangke Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Jingdong Century Trading Co Ltd, Beijing Jingdong Shangke Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN201811080524.0A priority Critical patent/CN110908550B/zh
Publication of CN110908550A publication Critical patent/CN110908550A/zh
Application granted granted Critical
Publication of CN110908550B publication Critical patent/CN110908550B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/04812Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction 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

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种光标悬停状态下的操作处理方法和装置,涉及计算机技术领域。该方法的一具体实施方式包括:当光标悬停在列表项达到指定时间长度时,统计列表项包括的可操作的屏幕元素的信息,屏幕元素的信息包括屏幕元素对应的操作事件;根据光标在当前页面的位置,将屏幕元素绘制在当前页面上,并为屏幕元素添加对应的操作事件;根据用户对屏幕元素的操作执行对应的操作事件。该实施方式能够实现在光标悬停一段时间后,在光标附近动态绘制用户可能操作的屏幕元素,避免出现由于列表项过多、过密集、过宽、过长等导致的用户操作失误以及找不到操作按钮等问题,从而方便用户操作,提高用户体验度。

Description

光标悬停状态下的操作处理方法和装置
技术领域
本发明涉及计算机技术领域,尤其涉及一种光标悬停状态下的操作处理方法和装置。
背景技术
现在很多动态网页都需要通过用户操作以与用户进行交互,例如,包括列表项的各种管理列表(如信息管理、订单管理、发票管理等管理列表)页面,页面上的每一条数据不光可以展示一些基本信息,还可以在每一条数据的最右侧展示可以对该条数据进行的相关操作,例如删除、编辑、详情展示等等。又如,可以将用户输入的数据发送到服务器进行处理的表单网页form,在用户进行表单中的相关项目填写后,即可通过点击位于表单网页的最底端的确认提交按钮将填写的信息进行确认提交。
在实现本发明过程中,发明人发现现有技术中至少存在如下问题:
1、对于管理列表页面,当列表项过多过于密集时,每行的鼠标悬停高亮不够明显,右侧较远的操作按钮可能会被点错,从而影响用户的操作体验;
2、当表单网页的表单项很多时,会出现一个页面显示不完全的情况。由于一般情况下表单网页中都会有一些选填项,即使不进行填写也可提交,此时确认提交时需要将鼠标滚动到页面底端才能看到确认按钮,故而会带来一定的不便,影响用户的操作体验。
发明内容
有鉴于此,本发明实施例提供一种光标悬停状态下的操作处理方法和装置,能够实现在光标悬停一段时间后,在光标附近动态绘制用户可能操作的屏幕元素,避免出现由于列表项过多、过密集、过宽、过长等导致的用户操作失误以及找不到操作按钮等问题,从而方便用户操作,提高用户体验度。
为实现上述目的,根据本发明实施例的一个方面,提供了一种光标悬停状态下的操作处理方法。
一种光标悬停状态下的操作处理方法,包括:当光标悬停在列表项达到指定时间长度时,统计所述列表项包括的可操作的屏幕元素的信息,所述屏幕元素的信息包括所述屏幕元素对应的操作事件;根据所述光标在当前页面的位置,将所述屏幕元素绘制在所述当前页面上,并为所述屏幕元素添加对应的操作事件;根据用户对所述屏幕元素的操作执行对应的操作事件。
可选地,根据所述光标在当前页面的位置,将所述屏幕元素绘制在所述当前页面上包括:根据统计的屏幕元素的信息确定用于承载所述屏幕元素的元素容器的大小,所述屏幕元素的信息包括所述屏幕元素的个数和类型;根据所述光标在当前页面的位置及所述元素容器的大小确定所述元素容器的位置;根据所述元素容器的位置绘制元素容器,然后在所述元素容器中添加所述屏幕元素,并为所述屏幕元素添加操作标识。
可选地,当所述光标移动到绘制的屏幕元素上时,所述屏幕元素通过声音或图像变换的方式与用户进行交互。
可选地,所述元素容器为非全透明的,且不同的屏幕元素具有不同的背景色。
可选地,根据用户对所述屏幕元素的操作执行对应的操作事件之后,还包括:删除承载所述屏幕元素的元素容器。
可选地,所述方法还包括:若用户未对所述屏幕元素执行操作,则直接删除承载所述屏幕元素的元素容器。
根据本发明实施例的另一方面,提供了一种光标悬停状态下的操作处理装置。
一种光标悬停状态下的操作处理装置,包括:统计模块,用于当光标悬停在列表项达到指定时间长度时,统计所述列表项包括的可操作的屏幕元素的信息,所述屏幕元素的信息包括所述屏幕元素对应的操作事件;绘制模块,用于根据所述光标在当前页面的位置,将所述屏幕元素绘制在所述当前页面上,并为所述屏幕元素添加对应的操作事件;执行模块,用于根据用户对所述屏幕元素的操作执行对应的操作事件。
可选地,所述绘制模块还用于:根据统计的屏幕元素的信息确定用于承载所述屏幕元素的元素容器的大小,所述屏幕元素的信息包括所述屏幕元素的个数和类型;根据所述光标在当前页面的位置及所述元素容器的大小确定所述元素容器的位置;根据所述元素容器的位置绘制元素容器,然后在所述元素容器中添加所述屏幕元素,并为所述屏幕元素添加操作标识。
可选地,当所述光标移动到绘制的屏幕元素上时,所述屏幕元素通过声音或图像变换的方式与用户进行交互。
可选地,所述元素容器为非全透明的,且不同的屏幕元素具有不同的背景色。
可选地,还包括删除模块,用于:在根据用户对所述屏幕元素的操作执行对应的操作事件之后,删除承载所述屏幕元素的元素容器。
可选地,还包括第二删除模块,用于:若用户未对所述屏幕元素执行操作,则直接删除承载所述屏幕元素的元素容器。
根据本发明实施例的又一方面,提供了一种光标悬停状态下的操作处理电子设备。
一种光标悬停状态下的操作处理电子设备,包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本发明实施例所提供的光标悬停状态下的操作处理方法。
根据本发明实施例的再一方面,提供了一种计算机可读介质。
一种计算机可读介质,其上存储有计算机程序,所述程序被处理器执行时实现本发明实施例所提供的光标悬停状态下的操作处理方法。
上述发明中的一个实施例具有如下优点或有益效果:通过在光标悬停在列表项指定时间后统计列表项包括的可操作的屏幕元素信息,并将屏幕元素绘制在当前页面上,以及根据用户的操作执行屏幕元素对应的操作事件,实现了在光标悬停一段时间后,在光标附近动态绘制用户可能操作的屏幕元素,避免出现由于列表项过多、过密集、过宽、过长等导致的用户操作失误以及找不到操作按钮等问题,从而方便用户操作,提高用户体验度。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明,不构成对本发明的不当限定。其中:
图1是根据本发明实施例的光标悬停状态下的操作处理方法的主要步骤示意图;
图2是根据本发明实施例的光标悬停状态下的操作处理装置的主要模块示意图;
图3是本发明实施例可以应用于其中的示例性系统架构图;
图4是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明,其中包括本发明实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本发明的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
图1是根据本发明实施例的光标悬停状态下的操作处理方法的主要步骤示意图。如图1所示,本发明实施例的光标悬停状态下的操作处理方法主要包括如下的步骤S101至步骤S103。
步骤S101:当光标悬停在列表项达到指定时间长度时,统计列表项包括的可操作的屏幕元素的信息,屏幕元素的信息包括屏幕元素对应的操作事件。
在本发明的实施例中,各种管理列表页面上的每条数据,以及表单网页form统称为列表项。其中,表单网页可看作列表项的一种特殊形式,整个表单网页可作为一条数据对应的列表项。
其中,指定时间长度可根据具体使用的需要进行设定,例如,一般情况下用户浏览一条列表项数据的时间不超过5秒,故可将该指定时间长度设置为5秒。又如,可通过统计大量用户在浏览列表项数据时的操作数据(例如包括操作时间间隔、操作路径等)来分析得到用户浏览一条列表项数据的平均时间,然后在此平均时间的基础上确定该指定时间长度(例如:可在此平均时间的基础上增加一定比例的时间长度以得到指定时间长度)。再如,用户在一个表单网页上完成必填内容填写(已满足表单提交条件)后,核对填写内容的时间一般不超过2分钟,故可将该指定时间长度设置为2分钟,等等。
一般情况下,当光标悬停在列表项达到指定时间长度时,即认为用户已经仔细地查看了该条列表项数据,用户可能会进行下一步操作,例如:浏览列表项详情、点击确认按钮提交、返回修改等等。其中,光标(cursor)也被称为游标,是PC(personal computer,个人计算机)端页面上随鼠标移动,用来显示用户将要输入文字的位置或显示鼠标的移动轨迹。悬停指的是光标停留在某项上不动。
当光标悬停在列表项达到指定时间长度时,即可动态统计列表项包括的可操作的屏幕元素的信息,屏幕元素的信息包括屏幕元素对应的操作事件。可操作的屏幕元素例如包括按钮button以及可进行超链接的文字或图片等。超链接即超级链接,就是指按内容链接,可实现不同屏幕元素之间的链接。在统计可操作的屏幕元素的信息时,需要统计这些屏幕元素对应的操作事件,例如:若屏幕元素为按钮,则统计其点击事件,若屏幕元素的可进行超链接的文字或图片等,则统计其链接地址,等等。在统计屏幕元素的信息时,可以通过获取该列表项数据的父级标签,然后获取所有子标签中的“<button>标签”和“<a>标签”,再获取它们的点击事件或者链接地址。其中,“<button>标签”用于定义按钮,需统计点击事件;“<a>标签”用于定义超链接,需统计链接地址。
统计当前列表项包括的可操作的屏幕元素的信息之后,将执行步骤S102。
步骤S102:根据光标在当前页面的位置,将屏幕元素绘制在当前页面上,并为屏幕元素添加对应的操作事件。
根据本发明的实施例,步骤S102在根据光标在当前页面的位置,将屏幕元素绘制在当前页面上时,可以按照以下步骤具体执行:
步骤S1021:根据统计的屏幕元素的信息确定用于承载屏幕元素的元素容器的大小,屏幕元素的信息包括屏幕元素的个数和类型;
步骤S1022:根据光标在当前页面的位置及元素容器的大小确定元素容器的位置;
步骤S1023:根据元素容器的位置绘制元素容器,然后在元素容器中添加屏幕元素,并为屏幕元素添加操作标识。
根据统计的屏幕元素的个数和类型,以及预先设定的屏幕元素的添加规则(例如:不同类型屏幕元素的样式形状、大小、透明度、颜色,以及屏幕元素之间的间隔大小、屏幕元素与元素容器的边之间的间隔大小等等,可根据需要进行灵活设定)确定元素容器的大小。元素容器用于承载屏幕元素,且将屏幕元素与列表项所在的当前页面分隔。在具体实施时,元素容器可以是非全透明的,例如元素容器为不透明或者半透明的,如此,即可保证屏幕元素在显示时与当前页面可以区分。
根据本发明的一个实施例,承载屏幕元素的元素容器例如是块状容器DIV。层叠样式表单元的位置和层次DIV,是层叠样式表中的定位技术,全称DIVision,即为划分,有时可以称其为图层。DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。当使用DIV作为元素容器时,可以实现方形按钮的添加。
根据本发明的另一个实施例,承载屏幕元素的元素容器例如是画布<canvas>,Canvas API(画布)是在HTML5中新增的标签用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以用JavaScript操作的位图(bitmap)。Canvas对象表示一个HTML画布元素-<canvas>。Canvas相较于DIV来说,可以实现的屏幕元素的形状更为多样和灵活,并不局限于方形,还可以是圆形、圆环形、椭圆形、曲线等等多种形状。
确定元素容器的大小之后,即可结合光标在当前页面的位置来确定元素容器的位置。一般情况下,将元素容器设置在光标位置之下,且均匀显示在光标周围为佳,此时用户进行操作最为方便。但是,特殊情况下,若光标位于页面的角落,且元素容器较大时,则可能无法实现将元素容器均匀显示在光标周围。此时,即需要根据设定的规则来确定元素容器的位置。根据实现效果的需要可灵活设定规则,例如:当光标位于页面的左上角时,可将元素容器显示在光标的右下角;当光标位于页面的右下角时,可将元素容器显示在光标的左上角,等等;又如,通过设置光标与元素容器的距离来将元素容器显示在距离光标为指定距离的位置,等等。
最后,根据元素容器的位置绘制元素容器,然后在元素容器中添加屏幕元素,并为屏幕元素添加操作标识。
当元素容器为块状容器DIV时,可通过添加DIV标签的方式添加元素容器,之后通过在DIV标签中添加屏幕元素对应的标签(例如:<a>标签或<button>标签)来实现在元素容器中添加屏幕元素,然后,在创建<a>标签或<button>标签时,通过将屏幕元素对应的操作标识放置在标签中间以实现为屏幕元素添加操作标识。其中,操作标识用于指示操作项的类型,例如“确认”、“取消”、“返回”等等。当元素容器是画布<canvas>时,可通过方法document.createElement('canvas')来创建画布,并添加类属性或者样式style属性,通过设置position:fixed(定位)样式和opacity(透明度)来实现画布的绘制,之后,通过在画布上绘制屏幕元素以实现在元素容器中添加屏幕元素,然后,通过将屏幕元素对应的操作项的操作标识绘制在对应的屏幕元素上以实现为屏幕元素添加操作标识。
在本发明的实施例中,不同的屏幕元素可以具有不同的背景色。如此,即可更为清晰地分别出即将操作的屏幕元素,从而减少了误操作。
下面以将统计的按钮以环形方式绘制在画布<canvas>上为例介绍如何将屏幕元素绘制在当前页面上。假设统计的某列表项数据包括4个操作项,则可在画布上通过绘制路径的方法,绘制一个同心圆环,并分成4等分,分别填充不同的颜色形成4个按钮,并将每个操作项的文字绘制在对应的按钮上,以实现将屏幕元素绘制在当前页面上。
在绘制屏幕元素之后,还需要为屏幕元素添加对应的操作事件。例如,为屏幕元素添加点击事件,在用户点击屏幕元素时会触发相应的事件;又如,为屏幕元素添加超链接,在用户操作屏幕元素时,会跳转至超链接对应的地址。
另外,根据本发明的一个实施例,当光标移动到绘制的屏幕元素上时,屏幕元素通过声音或图像变换的方式与用户进行交互。例如,通过为屏幕元素关联音频文件以实现通过声音与用户进行交互;又如,通过设置屏幕元素的动态属性,使光标移动到某个屏幕元素时,该屏幕元素会弹性增加,进入hover(悬停)状态,光标移动到该屏幕元素之外时,该屏幕元素恢复到之前的状态,进入到blur(模糊)状态。
步骤S103:根据用户对屏幕元素的操作执行对应的操作事件。
当用户对屏幕元素执行操作时,则执行对应的操作事件,例如用户点击某个按钮时,则触发执行该按钮对应的点击事件。
根据本发明的一个实施例,在根据用户对屏幕元素的操作执行对应的操作事件之后,还可以删除承载屏幕元素的元素容器。如此,即可实现将绘制的元素容器以及所有的屏幕元素删除。具体实现时,还可以为元素容器的删除操作添加动态效果。例如:使元素容器以放大动态方式消失,具体地,可通过css3(Cascading Style Sheets Level 3,层叠样式表3级)来实现使元素容器以动画的形式消失,通过设置元素容器的放大速率以及透明度变化速率,可以实现在一定时间(例如:0.2秒)内,放大到两倍,透明度变成100%,直至完全消失,然后删除元素容器。具体的动态效果实现可根据需要进行设置,并不局限于本发明的实施例中的示例。
根据本发明的另一个实施例,若用户未对屏幕元素执行操作,则直接删除元素容器。其中,用户未对屏幕元素执行操作可以包括多种实现方式,例如用户将光标从元素容器中移出但为对屏幕元素执行任何操作,又如用户通过点击元素容器右上角添加的“关闭容器”按钮来触发元素容器关闭以示其未对屏幕元素执行操作,等等。用户未对屏幕元素执行操作,表示用户不需要执行绘制的屏幕元素示出的操作,用户预进行其他的操作。此时,即可直接删除元素容器。同样地,在删除元素容器时,也可添加动态效果。为了与用户对屏幕元素执行了操作的情况进行区分,此时的动态效果可与前一实施例中提及的动态效果不同。例如:可通过css3来实现使元素容器以缩小动态方式消失,具体地,可通过设置元素容器的缩小速率以及透明度变化速率,可以实现在一定时间(例如:0.2秒)内,缩小到宽度和高度均为0,透明度变成100%,直至完全消失,然后删除元素容器。
根据上述的步骤S101至步骤S103,即可在光标悬停一段时间后,在光标附近动态绘制用户可能操作的屏幕元素,方便用户操作,提高用户体验。
图2是根据本发明实施例的光标悬停状态下的操作处理装置的主要模块示意图。如图2所示,本发明实施例的光标悬停状态下的操作处理装置200主要包括统计模块201、绘制模块202和执行模块203。
统计模块201,用于当光标悬停在列表项达到指定时间长度时,统计列表项包括的可操作的屏幕元素的信息,屏幕元素的信息包括屏幕元素对应的操作事件;
绘制模块202,用于根据光标在当前页面的位置,将屏幕元素绘制在当前页面上,并为屏幕元素添加对应的操作事件;
执行模块203,用于根据用户对屏幕元素的操作执行对应的操作事件。
根据本发明的一个实施例,绘制模块202还可以用于:
根据统计的屏幕元素的信息确定用于承载屏幕元素的元素容器的大小,屏幕元素的信息包括屏幕元素的个数和类型;
根据光标在当前页面的位置及元素容器的大小确定元素容器的位置;
根据元素容器的位置绘制元素容器,然后在元素容器中添加屏幕元素,并为屏幕元素添加操作标识。
根据本发明的另一个实施例,当光标移动到绘制的屏幕元素上时,屏幕元素通过声音或图像变换的方式与用户进行交互。
根据本发明的实施例,元素容器为非全透明的,且不同的屏幕元素具有不同的背景色。
根据本发明的一个实施例,光标悬停状态下的操作处理装置200还可以包括删除模块(图中未示出),用于:
在根据用户对屏幕元素的操作执行对应的操作事件之后,删除承载屏幕元素的元素容器。
根据本发明的另一个实施例,光标悬停状态下的操作处理装置200还可以包括第二删除模块(图中未示出),用于:
若用户未对屏幕元素执行操作,则直接删除承载屏幕元素的元素容器。
根据本发明实施例的技术方案,通过在光标悬停在列表项指定时间后统计列表项包括的可操作的屏幕元素信息,并将屏幕元素绘制在当前页面上,以及根据用户的操作执行屏幕元素对应的操作事件,实现了在光标悬停一段时间后,在光标附近动态绘制用户可能操作的屏幕元素,避免出现由于列表项过多、过密集、过宽、过长等导致的用户操作失误以及找不到操作按钮等问题,从而方便用户操作,提高用户体验度。
图3示出了可以应用本发明实施例的光标悬停状态下的操作处理方法或光标悬停状态下的操作处理装置的示例性系统架构300。
如图3所示,系统架构300可以包括终端设备301、302、303,网络304和服务器305。网络304用以在终端设备301、302、303和服务器305之间提供通信链路的介质。网络304可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备301、302、303通过网络304与服务器305交互,以接收或发送消息等。终端设备301、302、303上可以安装有各种通讯客户端应用,例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
终端设备301、302、303可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器305可以是提供各种服务的服务器,例如对用户利用终端设备301、302、303所浏览的购物类网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理,并将处理结果(例如目标推送信息、产品信息--仅为示例)反馈给终端设备。
需要说明的是,本发明实施例所提供的光标悬停状态下的操作处理方法一般由服务器305执行,相应地,光标悬停状态下的操作处理装置一般设置于服务器305中。
应该理解,图3中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
下面参考图4,其示出了适于用来实现本发明实施例的终端设备或服务器的计算机系统400的结构示意图。图4示出的终端设备或服务器仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图4所示,计算机系统400包括中央处理单元(CPU)401,其可以根据存储在只读存储器(ROM)402中的程序或者从存储部分408加载到随机访问存储器(RAM)403中的程序而执行各种适当的动作和处理。在RAM 403中,还存储有系统400操作所需的各种程序和数据。CPU 401、ROM 402以及RAM 403通过总线404彼此相连。输入/输出(I/O)接口405也连接至总线404。
以下部件连接至I/O接口405:包括键盘、鼠标等的输入部分406;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分407;包括硬盘等的存储部分408;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分409。通信部分409经由诸如因特网的网络执行通信处理。驱动器410也根据需要连接至I/O接口405。可拆卸介质411,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器410上,以便于从其上读出的计算机程序根据需要被安装入存储部分408。
特别地,根据本发明公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本发明公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分409从网络上被下载和安装,和/或从可拆卸介质411被安装。在该计算机程序被中央处理单元(CPU)401执行时,执行本发明的系统中限定的上述功能。
需要说明的是,本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。
附图中的流程图和框图,图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图或流程图中的每个方框、以及框图或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的单元或模块可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元或模块也可以设置在处理器中,例如,可以描述为:一种处理器包括统计模块、绘制模块和执行模块。其中,这些单元或模块的名称在某种情况下并不构成对该单元或模块本身的限定,例如,统计模块还可以被描述为“用于当光标悬停在列表项达到指定时间长度时,统计所述列表项包括的可操作的屏幕元素的信息的模块”。
作为另一方面,本发明还提供了一种计算机可读介质,该计算机可读介质可以是上述实施例中描述的设备中所包含的;也可以是单独存在,而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被一个该设备执行时,使得该设备包括:当光标悬停在列表项达到指定时间长度时,统计所述列表项包括的可操作的屏幕元素的信息,所述屏幕元素的信息包括所述屏幕元素对应的操作事件;根据所述光标在当前页面的位置,将所述屏幕元素绘制在所述当前页面上,并为所述屏幕元素添加对应的操作事件;根据用户对所述屏幕元素的操作执行对应的操作事件。
根据本发明实施例的技术方案,通过在光标悬停在列表项指定时间后统计列表项包括的可操作的屏幕元素信息,并将屏幕元素绘制在当前页面上,以及根据用户的操作执行屏幕元素对应的操作事件,实现了在光标悬停一段时间后,在光标附近动态绘制用户可能操作的屏幕元素,避免出现由于列表项过多、过密集、过宽、过长等导致的用户操作失误以及找不到操作按钮等问题,从而方便用户操作,提高用户体验度。
上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,取决于设计要求和其他因素,可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。

Claims (12)

1.一种光标悬停状态下的操作处理方法,其特征在于,包括:
当光标悬停在列表项达到指定时间长度时,统计所述列表项包括的可操作的屏幕元素的信息,所述屏幕元素的信息包括所述屏幕元素对应的操作事件;
根据所述光标在当前页面的位置,将所述屏幕元素绘制在所述当前页面上,并为所述屏幕元素添加对应的操作事件;
根据用户对所述屏幕元素的操作执行对应的操作事件;
根据所述光标在当前页面的位置,将所述屏幕元素绘制在所述当前页面上包括:根据统计的屏幕元素的信息确定用于承载所述屏幕元素的元素容器的大小,所述屏幕元素的信息包括所述屏幕元素的个数和类型;根据所述光标在当前页面的位置及所述元素容器的大小确定所述元素容器的位置;根据所述元素容器的位置绘制元素容器,然后在所述元素容器中添加所述屏幕元素,并为所述屏幕元素添加操作标识。
2.根据权利要求1所述的方法,其特征在于,当所述光标移动到绘制的屏幕元素上时,所述屏幕元素通过声音或图像变换的方式与用户进行交互。
3.根据权利要求1所述的方法,其特征在于,所述元素容器为非全透明的,且不同的屏幕元素具有不同的背景色。
4.根据权利要求1所述的方法,其特征在于,根据用户对所述屏幕元素的操作执行对应的操作事件之后,还包括:
删除承载所述屏幕元素的元素容器。
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
若用户未对所述屏幕元素执行操作,则直接删除承载所述屏幕元素的元素容器。
6.一种光标悬停状态下的操作处理装置,其特征在于,包括:
统计模块,用于当光标悬停在列表项达到指定时间长度时,统计所述列表项包括的可操作的屏幕元素的信息,所述屏幕元素的信息包括所述屏幕元素对应的操作事件;
绘制模块,用于根据所述光标在当前页面的位置,将所述屏幕元素绘制在所述当前页面上,并为所述屏幕元素添加对应的操作事件;
执行模块,用于根据用户对所述屏幕元素的操作执行对应的操作事件;
所述绘制模块还用于:根据统计的屏幕元素的信息确定用于承载所述屏幕元素的元素容器的大小,所述屏幕元素的信息包括所述屏幕元素的个数和类型;根据所述光标在当前页面的位置及所述元素容器的大小确定所述元素容器的位置;根据所述元素容器的位置绘制元素容器,然后在所述元素容器中添加所述屏幕元素,并为所述屏幕元素添加操作标识。
7.根据权利要求6所述的装置,其特征在于,当所述光标移动到绘制的屏幕元素上时,所述屏幕元素通过声音或图像变换的方式与用户进行交互。
8.根据权利要求6所述的装置,其特征在于,所述元素容器为非全透明的,且不同的屏幕元素具有不同的背景色。
9.根据权利要求6所述的装置,其特征在于,还包括删除模块,用于:
在根据用户对所述屏幕元素的操作执行对应的操作事件之后,删除承载所述屏幕元素的元素容器。
10.根据权利要求6所述的装置,其特征在于,还包括第二删除模块,用于:
若用户未对所述屏幕元素执行操作,则直接删除承载所述屏幕元素的元素容器。
11.一种光标悬停状态下的操作处理的电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-5中任一所述的方法。
12.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-5中任一所述的方法。
CN201811080524.0A 2018-09-17 2018-09-17 光标悬停状态下的操作处理方法和装置 Active CN110908550B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811080524.0A CN110908550B (zh) 2018-09-17 2018-09-17 光标悬停状态下的操作处理方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811080524.0A CN110908550B (zh) 2018-09-17 2018-09-17 光标悬停状态下的操作处理方法和装置

Publications (2)

Publication Number Publication Date
CN110908550A CN110908550A (zh) 2020-03-24
CN110908550B true CN110908550B (zh) 2022-11-08

Family

ID=69813378

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811080524.0A Active CN110908550B (zh) 2018-09-17 2018-09-17 光标悬停状态下的操作处理方法和装置

Country Status (1)

Country Link
CN (1) CN110908550B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112307408B (zh) * 2020-11-24 2022-08-05 微医云(杭州)控股有限公司 确定页面中元素信息的方法、装置、电子设备及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102520954A (zh) * 2011-12-15 2012-06-27 北京新媒传信科技有限公司 一种鼠标跟随的实现方法和实现装置
CN104216616A (zh) * 2014-08-27 2014-12-17 深圳创维-Rgb电子有限公司 一种显示界面的交互处理方法及系统
CN105786329A (zh) * 2015-12-25 2016-07-20 深圳市万普拉斯科技有限公司 网页按钮渲染方法和装置
CN106570098A (zh) * 2016-10-31 2017-04-19 华为技术有限公司 页面刷新的方法及装置

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090164493A1 (en) * 2007-12-24 2009-06-25 Johnsgard Todd J Apparatus and methods for editing content on a wireless device

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102520954A (zh) * 2011-12-15 2012-06-27 北京新媒传信科技有限公司 一种鼠标跟随的实现方法和实现装置
CN104216616A (zh) * 2014-08-27 2014-12-17 深圳创维-Rgb电子有限公司 一种显示界面的交互处理方法及系统
CN105786329A (zh) * 2015-12-25 2016-07-20 深圳市万普拉斯科技有限公司 网页按钮渲染方法和装置
CN106570098A (zh) * 2016-10-31 2017-04-19 华为技术有限公司 页面刷新的方法及装置

Also Published As

Publication number Publication date
CN110908550A (zh) 2020-03-24

Similar Documents

Publication Publication Date Title
US11615162B2 (en) Event listening integration in a collaborative electronic information system
US11423357B2 (en) Reusable components for collaborative content items
CN107748740B (zh) 电子表格对象的无代码共享
US8756519B2 (en) Techniques for sharing content on a web page
US20140047332A1 (en) E-reader systems
US11128691B2 (en) In-collaborative content item notifications in shared collaborative content items
US20210149842A1 (en) System and method for display of document comparisons on a remote device
US20140380142A1 (en) Capturing website content through capture services
US20140053061A1 (en) System for clipping webpages
CN112711418B (zh) 多组件的前端界面布局方法、装置、电子设备和存储介质
EP3289479A1 (en) Rendering graphical assets natively on multiple screens of electronic devices
CN113360106B (zh) 一种网页打印方法和装置
CN113656533A (zh) 一种树形控件处理方法、装置及电子设备
CN110908550B (zh) 光标悬停状态下的操作处理方法和装置
CN109313662B (zh) 到本机应用体验中的对网页的解构和呈现
CN113536755A (zh) 用于生成海报的方法、装置、电子设备、存储介质及产品
US20120216132A1 (en) Embedding User Selected Content In A Web Browser Display
CN113220381A (zh) 一种点击数据展示方法和装置
US11244021B2 (en) User interface for creating and managing URL parameters
CN115328324A (zh) 移动端字符输入的方法和装置
CN114064962A (zh) 一种图片变换的方法和装置
CN116467542A (zh) 显示页面的方法、装置、设备和计算机可读介质
CN113760149A (zh) 页面分屏系统、方法和装置
CN116883549A (zh) 一种动画效果的生成方法和装置
CN112130855A (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