一种光标控制方法和装置制造方法及图纸

技术编号:19008985 阅读:32 留言:0更新日期:2018-09-22 08:53
本发明专利技术公开了一种光标控制方法和装置,包括:当选择对象为输入框时,判断浏览器是否支持H5的DOM activeElement属性;若浏览器支持H5的DOM activeElement属性,则调用DOM activeElement属性,并将选择区域的起始位置和结束位置设置为相同,以在所述输入框中显示光标;若浏览器不支持H5的DOM activeElement属性,则调用Range对象,并将文档连续范围的起始位置和结束位置设置为相同,以在所述输入框中显示光标。解决了现有技术没有设定用户的光标从而造成用户无法明确内容输入位置的技术问题。

Cursor control method and device

The invention discloses a cursor control method and device, which include: when the selected object is an input box, judging whether the browser supports the DOM activeElement property of H5; if the browser supports the DOM activeElement property of H5, calling the DOM activeElement property, and setting the start and end position of the selected area to be Similarly, the cursor is displayed in the input box; if the browser does not support the DOM activeElement property of H5, the Range object is invoked and the starting and ending positions of the continuous range of documents are set to the same to display the cursor in the input box. The invention solves the technical problem that the existing technology does not set the user's cursor, thus causing the user to be unable to define the position of content input.

【技术实现步骤摘要】
一种光标控制方法和装置
本专利技术涉及计算机
,尤其涉及一种光标控制方法和装置。
技术介绍
目前,我们常会遇到一些长串数字的输入场景,如银行卡,身份证等输入,为了便于用户准确输入,如图1所示,往往会做一些按位数的输入隔断,却没有很好针对输入光标问题做一个控制,例如:没有设定用户的光标,在输入框中无法显示光标,从而使得用户无法明确内容输入位置。
技术实现思路
本专利技术提供了一种光标控制方法和装置,解决了现有技术没有设定用户的光标从而造成用户无法明确内容输入位置的技术问题。本专利技术提供了一种光标控制方法,包括:当选择对象为输入框时,判断浏览器是否支持H5的DOMactiveElement属性;若浏览器支持H5的DOMactiveElement属性,则调用DOMactiveElement属性,并将选择区域的起始位置和结束位置设置为相同,以在所述输入框中显示光标;若浏览器不支持H5的DOMactiveElement属性,则调用Range对象,并将文档连续范围的起始位置和结束位置设置为相同,以在所述输入框中显示光标。优选地,所述的光标控制方法,还包括:获取用户的输入位置并将光标显示在所述输入位置。优选地,所述的光标控制方法,还包括:记录光标在所述输入框中的显示位置;当所述显示位置插入一个字符后,控制光标从所述显示位置向后移动一个字符。优选地,所述的光标控制方法,还包括:判断用户在浏览器中的选择对象是否为输入框。本专利技术提供了一种光标控制装置,包括:第一判断单元,用于当选择对象为输入框时,判断浏览器是否支持H5的DOMactiveElement属性;第一调用单元,用于当浏览器支持H5的DOMactiveElement属性时,调用DOMactiveElement属性,并将选择区域的起始位置和结束位置设置为相同,以在所述输入框中显示光标;第二调用单元,用于当浏览器不支持H5的DOMactiveElement属性时,调用Range对象,并将文档连续范围的起始位置和结束位置设置为相同,以在所述输入框中显示光标。优选地,所述的光标控制装置,还包括:光标控制单元,用于获取用户的输入位置并将光标显示在所述输入位置。优选地,所述的光标控制装置,还包括:记录单元;所述记录单元,用于记录光标在所述输入框中的显示位置;所述光标控制单元还用于当所述显示位置插入一个字符后,控制光标从所述显示位置向后移动一个字符。优选地,所述的光标控制装置,还包括:第二判断单元,用于判断用户在浏览器中的选择对象是否为输入框。从以上技术方案可以看出,本专利技术具有以下优点:当选择对象为输入框时,判断浏览器是否支持H5的DOMactiveElement属性;若浏览器支持H5的DOMactiveElement属性,则调用DOMactiveElement属性,并将选择区域的起始位置和结束位置设置为相同,以在输入框中显示光标;若浏览器不支持H5的DOMactiveElement属性,则调用Range对象,并将文档连续范围的起始位置和结束位置设置为相同,以在输入框中显示光标;该方法具有很好的兼容性,无论浏览器是否支持H5的DOMactiveElement属性,都可以实现在输入框中显示相应的光标,使得用户可以直观地看到内容输入位置,解决了现有技术没有设定用户的光标从而造成用户无法明确内容输入位置的技术问题。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其它的附图。图1为现有技术中在输入框中设置输入隔断的示意图;图2为本专利技术提供的一种光标控制方法的第一实施例的流程示意图;图3为本专利技术提供的一种光标控制方法的第二实施例的流程示意图;图4为本专利技术提供的一种光标控制装置的第一实施例的结构示意图;图5为本专利技术提供的一种光标控制装置的第二实施例的结构示意图。具体实施方式本专利技术实施例提供了一种光标控制方法和装置,解决了现有技术没有设定用户的光标从而造成用户无法明确内容输入位置的技术问题。专利技术人在研究中发现,现在技术之所以在输入框中设置相应的输入隔断,是因为JS没有提供控制光标的统一的调用API,使得前端工程师很难实现光标的显示与控制,而且浏览器的差异也增加了统一控制光标的难度,因此通过本专利技术实现了光标在浏览器输入框中的显示,并且具有很好的兼容性,抹平了浏览器的差异,为光标控制提供了统一的调用API。为使得本专利技术的专利技术目的、特征、优点能够更加的明显和易懂,下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述,显然,下面所描述的实施例仅仅是本专利技术一部分实施例,而非全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例,都属于本专利技术保护的范围。请参阅图2,本专利技术提供的一种光标控制方法的第一实施例的流程示意图。本专利技术提供了一种光标控制方法的第一实施例,包括:101,当选择对象为输入框时,判断浏览器是否支持H5的DOMactiveElement属性。需要说明的是,DOMactiveElement属性是H5的一种属性,属于现有技术,在此不作详述。102,若浏览器支持H5的DOMactiveElement属性,则调用DOMactiveElement属性,并将选择区域的起始位置和结束位置设置为相同,以在输入框中显示光标。在DOMactiveElement属性中,selectionStart和selectionEnd分别代表选择区域的起始位置和结束位置,而将选择区域的起始位置和结束位置都设置为相同,则可以实现在某个位置显示光标。103,若浏览器不支持H5的DOMactiveElement属性,则调用Range对象,并将文档连续范围的起始位置和结束位置设置为相同,以在输入框中显示光标。因为有的浏览器不支持H5的DOMactiveElement属性,例如低版本的IE,此时需要调用Range对象,Range对象代表文档连续范围,只要将文档连续范围的起始位置和结束位置设为相同,便可以实现在不支持DOMactiveElement属性的浏览器的输入框中显示光标的功能。请参阅图3,本专利技术提供的一种光标控制方法的第二实施例的流程示意图。本专利技术提供了一种光标控制方法的第二实施例,包括:201,判断用户在浏览器中的选择对象是否为输入框。因为在浏览器中,用户的选择对象有多种,例如可以为按钮,可以为输入框,可以为图片,还可以为文字。202,当选择对象为输入框时,判断浏览器是否支持H5的DOMactiveElement属性。步骤202与本申请第一实施例中步骤101的内容相同,具体描述可以参见第一实施例步骤101的内容,在此不再赘述。203,若浏览器支持H5的DOMactiveElement属性,则调用DOMactiveElement属性,并将选择区域的起始位置和结束位置设置为相同,以在输入框中显示光标。步骤203与本申请第一实施例中步骤102的内容相同,具体描述可以参见第一实施例步骤102的内容,在此不再赘述。204,若浏览器不支持H5的DOMac本文档来自技高网...
一种光标控制方法和装置

【技术保护点】
1.一种光标控制方法,其特征在于,包括:当选择对象为输入框时,判断浏览器是否支持H5的DOM activeElement属性;若浏览器支持H5的DOM activeElement属性,则调用DOM activeElement属性,并将选择区域的起始位置和结束位置设置为相同,以在所述输入框中显示光标;若浏览器不支持H5的DOM activeElement属性,则调用Range对象,并将文档连续范围的起始位置和结束位置设置为相同,以在所述输入框中显示光标。

【技术特征摘要】
1.一种光标控制方法,其特征在于,包括:当选择对象为输入框时,判断浏览器是否支持H5的DOMactiveElement属性;若浏览器支持H5的DOMactiveElement属性,则调用DOMactiveElement属性,并将选择区域的起始位置和结束位置设置为相同,以在所述输入框中显示光标;若浏览器不支持H5的DOMactiveElement属性,则调用Range对象,并将文档连续范围的起始位置和结束位置设置为相同,以在所述输入框中显示光标。2.根据权利要求1所述的光标控制方法,其特征在于,还包括:获取用户的输入位置并将光标显示在所述输入位置。3.根据权利要求2所述的光标控制方法,其特征在于,还包括:记录光标在所述输入框中的显示位置;当所述显示位置插入一个字符后,控制光标从所述显示位置向后移动一个字符。4.根据权利要求1所述的光标控制方法,其特征在于,还包括:判断用户在浏览器中的选择对象是否为输入框。5.一种光标控制装置,其特征在于,包括:第一判断单元,用于当选择对象为...

【专利技术属性】
技术研发人员:香伟健
申请(专利权)人:广州品唯软件有限公司
类型:发明
国别省市:广东,44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1