《一种图形用户界面的光标显示方法及装置.pdf》由会员分享，可在线阅读，更多相关《一种图形用户界面的光标显示方法及装置.pdf（18页完整版）》请在专利查询网上搜索。
1、10申请公布号CN104049899A43申请公布日20140917CN104049899A21申请号201410305947322申请日20140630G06F3/048820130171申请人百度在线网络技术（北京）有限公司地址100085北京市海淀区上地十街10号百度大厦三层72发明人战毅74专利代理机构北京金律言科知识产权代理事务所普通合伙11461代理人罗延红逯博54发明名称一种图形用户界面的光标显示方法及装置57摘要本发明提供了一种图形用户界面的光标显示方法及装置，该图形用户界面的光标显示方法包括通过为图形用户界面创建的文件对象模型元素监听事件，其中，文件对象模型元素为可编辑并且不。
2、可见；若监听到第一图形节点处的鼠标点击事件，则通过文件对象模型元素在原始显示位置显示第一模拟光标，其中，文件对象模型元素为可编辑并且不可见；若监听到第一图形节点处的键盘事件，则通过文件对象模型元素接收通过键盘事件获取到的第一输入内容，并且根据第一输入内容更新第一图形节点处的第一正文内容，并将第一模拟光标由原始显示位置移动到当前显示位置。本发明实施例可以实现所见即所得的效果，提高了用户在图形节点中的输入体验。51INTCL权利要求书3页说明书7页附图7页19中华人民共和国国家知识产权局12发明专利申请权利要求书3页说明书7页附图7页10申请公布号CN104049899ACN104049899A1。
3、/3页21一种图形用户界面的光标显示方法，其特征在于，所述图形用户界面的光标显示方法包括通过为所述图形用户界面创建的文件对象模型元素监听事件，其中，所述文件对象模型元素为可编辑并且不可见；若监听到第一图形节点处的鼠标点击事件，则通过所述文件对象模型元素在原始显示位置显示第一模拟光标；若监听到所述第一图形节点处的键盘事件，则通过所述文件对象模型元素接收通过所述键盘事件获取到的第一输入内容，并且根据所述第一输入内容更新所述第一图形节点处的第一正文内容，并将所述第一模拟光标由原始显示位置移动到当前显示位置。2根据权利要求1所述的光标显示方法，其特征在于，所述通过为所述图形用户界面创建的文件对象模型在。
4、原始显示位置显示第一模拟光标的步骤包括通过所述文件对象模型元素获取所述第一图形节点中的左上方的第一位置坐标；获取所述鼠标点击事件在所述第一图形节点处的点击位置以及获取所述点击位置处的字符相对于所述第一位置坐标的位置索引；根据所述点击位置与所述位置索引确定第一模拟光标的原始显示位置。3根据权利要求2所述的光标显示方法，其特征在于，所述根据所述点击位置与所述位置索引确定第一模拟光标的原始显示位置的步骤包括获取所述位置索引相对应的所述字符的左上角的位置坐标、字符宽度、字符高度；根据所述点击位置与所述字符的左上角的位置坐标、字符宽度、字符高度确定所述第一模拟光标的原始显示位置。4根据权利要求1所述的光。
5、标显示方法，其特征在于，若监听到所述第一图形节点处的鼠标点击事件，所述光标显示方法还包括通过所述文件对象模型元素捕获所述第一图形节点处的第一正文内容；将所述第一正文内容同步到所述文件对象模型元素中。5根据权利要求1所述的光标显示方法，其特征在于，所述将所述第一模拟光标由原始显示位置移动到当前显示位置的步骤包括获取更新后的所述第一正文内容中新增字符的第一索引；根据所述第一索引与所述新增字符的左上角的位置坐标、字符宽度、字符高度确定所述第一模拟光标的当前显示位置。6根据权利要求1所述的光标显示方法，其特征在于，所述光标显示方法还包括获取其它终端设备在第二图形节点的节点索引与第二索引；根据所述节点索。
6、引与所述第二索引确定第二模拟光标在所述第二图形节点处的原始显示位置。7根据权利要求6所述的光标显示方法，其特征在于，所述根据所述节点索引与所述第二索引确定第二模拟光标在所述第二图形节点处的原始显示位置的步骤之后，所述光标显示方法还包括获取所述其它终端设备的用户在所述第二图形节点输入的第二输入内容；根据所述第二输入内容更新所述第二图形节点的第二正文内容，并根据更新后的所述第二输入内容与所述第二索引更新所述第二模拟光标的当前显示位置。权利要求书CN104049899A2/3页38根据权利要求7所述的光标显示方法，其特征在于，所述根据更新后的所述第二输入内容与所述第二索引更新所述第二模拟光标的当前显。
7、示位置的步骤包括根据所述第二索引获取更新后的所述第二正文内容中的每个字符的左上角的位置坐标、字符宽度、字符高度；根据所述每个字符的左上角的位置坐标、所述字符宽度、所述字符高度确定所述第二模拟光标显示的位置。9根据权利要求18任一所述的光标显示方法，其特征在于，所述文件对象模型元素为DIV容器，所述DIV容器是在新建或者加载所述图形用户界面时创建的。10一种图形用户界面的光标显示装置，其特征在于，所述图形用户界面的光标显示装置包括事件监听模块，用于通过为所述图形用户界面创建的文件对象模型元素监听事件，其中，所述文件对象模型元素为可编辑并且不可见；第一处理模块，用于若所述事件监听模块监听到第一图形。
8、节点处的鼠标点击事件，则通过所述文件对象模型元素在原始显示位置显示第一模拟光标；第二处理模块，用于若所述事件监听模块监听到所述第一图形节点处的键盘事件，则通过所述文件对象模型元素接收通过所述键盘事件获取到的第一输入内容，并且根据所述第一输入内容更新所述第一图形节点处的第一正文内容，并将所述第一模拟光标由原始显示位置移动到当前显示位置。11根据权利要求10所述的光标显示装置，其特征在于，所述第一处理模块包括第一获取单元，用于通过所述文件对象模型元素获取所述第一图形节点中的左上方的第一位置坐标；第二获取单元，用于获取所述鼠标点击事件在所述第一图形节点处的点击位置以及获取所述点击位置处的字符相对于所。
9、述第一位置坐标的位置索引；第一确定单元，用于根据所述点击位置与所述位置索引确定第一模拟光标的原始显示位置。12根据权利要求11所述的光标显示装置，其特征在于，所述第二获取单元包括第一获取子单元，用于获取所述位置索引相对应的所述字符的左上角的位置坐标、字符宽度、字符高度；第一确定子单元，用于根据所述点击位置与所述字符的左上角的位置坐标、字符宽度、字符高度确定所述第一模拟光标的原始显示位置。13根据权利要求10所述的光标显示装置，其特征在于，所述光标显示装置还包括第一捕获模块，用于若通过所述事件监听模块监听到所述第一图形节点处的鼠标点击事件，则通过所述文件对象模型元素捕获所述第一图形节点处的第一正。
10、文内容；同步模块，用于将所述第一正文内容同步到所述文件对象模型元素中。14根据权利要求10所述的光标显示装置，其特征在于，所述第二处理模块包括第三获取单元，用于获取更新后的所述第一正文内容中新增字符的第一索引；第二确定单元，用于根据所述第一索引与所述新增字符的左上角的位置坐标、字符宽度、字符高度确定所述第一模拟光标的当前显示位置。15根据权利要求10所述的光标显示装置，其特征在于，所述光标显示装置还包括权利要求书CN104049899A3/3页4第一获取模块，用于获取所述其它终端设备在第二图形节点的节点索引与第二索引；确定模块，用于根据所述节点索引与所述第二索引确定第二模拟光标在所述第二图形节。
11、点处的显示位置。16根据权利要求15所述的光标显示装置，其特征在于，所述光标显示装置还包括第二获取模块，用于获取所述其它终端设备的用户在所述第二图形节点输入的第二输入内容；更新模块，用于根据所述第二输入内容更新所述第二图形节点的第二正文内容，并根据更新后的所述第二输入内容与所述第二索引更新所述第二模拟光标的显示位置。17根据权利要求16所述的光标显示装置，其特征在于，所述更新模块包括第四获取单元，用于根据所述第二索引获取更新后的所述第二正文内容中的每个字符的左上角的位置坐标、字符宽度、字符高度；第三确定单元，用于根据所述每个字符的左上角的位置坐标、所述字符宽度、所述字符高度确定所述第二模拟光标。
12、显示的位置。18根据权利要求1017任一所述的光标显示装置，其特征在于，所述文件对象模型元素为DIV容器，所述DIV容器是在新建或者加载所述图形用户界面时创建的。权利要求书CN104049899A1/7页5一种图形用户界面的光标显示方法及装置技术领域0001本发明涉及计算机网络技术领域，尤其涉及一种图形用户界面的光标显示方法及装置。背景技术0002在用户通过浏览器浏览网站时，网站会提供多个可编辑区域让用户录入内容，用户通过鼠标点击编辑该可编辑区域，则在该可编辑区域会出现一个闪烁的光标，当用户在该可编辑区域输入文字或者选中文字时，光标会跟着变化。随着很多复杂业务在网页WEB中的展示，例如，在线图。
13、形编辑器等以图形展现为主的产品，通过在图形界面上借助可编辑的文件对象模型DOCUMENTOBJECTMODEL，简称为DOM元素，从而使用浏览器提供的原生光标。发明人发现，若采用浏览器自身提供的原生光标，当用户在该图形节点处进行文字编辑时，可编辑区域的输入内容有可能会弹出并盖住该图形节点，对于用户来讲做不到所见即所得的效果，从而降低了用户的输入体验。发明内容0003本发明的实施例提供一种图形用户界面的光标显示方法及装置，使文字均处于图形节点中，提高用户在图形节点中的输入体验。0004为达到上述目的，本发明的实施例采用如下技术方案0005一种图形用户界面的光标显示方法，该图形用户界面的光标显示方。
14、法包括0006监听所述图形用户界面中的在第一图形节点处的鼠标点击事件；0007通过为所述图形用户界面创建的文件对象模型元素监听事件，其中，所述文件对象模型元素为可编辑并且不可见；0008若监听到第一图形节点处的鼠标点击事件，则通过所述文件对象模型元素在原始显示位置显示第一模拟光标；0009若监听到所述第一图形节点处的键盘事件，则通过所述文件对象模型元素接收通过所述键盘事件获取到的第一输入内容，并且根据所述第一输入内容更新所述第一图形节点处的第一正文内容，并将所述第一模拟光标由原始显示位置移动到当前显示位置。0010一种图形用户界面的光标显示装置，该图形用户界面的光标显示装置包括0011事件监听。
15、模块，用于通过为所述图形用户界面创建的文件对象模型元素监听事件，其中，所述文件对象模型元素为可编辑并且不可见；0012第一处理模块，用于若所述事件监听模块监听到第一图形节点处的鼠标点击事件，则通过所述文件对象模型元素在原始显示位置显示第一模拟光标；0013第二处理模块，用于若所述事件监听模块监听到所述第一图形节点处的键盘事件，则通过所述文件对象模型元素接收通过所述键盘事件获取到的第一输入内容，并且根据所述第一输入内容更新所述第一图形节点处的第一正文内容，并将所述第一模拟光标由原始显示位置移动到当前显示位置。说明书CN104049899A2/7页60014本发明实施例提供的图形用户界面的光标显示。
16、方法及装置，由于该DOM元素为不可见的，因此用户不能感觉到该DOM元素的存在；此外，由于该DOM元素为可编辑的，因此可以将用户在图形用户界面上输入的文字数据第一输入内容同步到用户可见的第一图形节点展示界面处，通过将第一模拟光标移动到当前显示位置，使得第一模拟光标始终保持在用户输入文字的后面，从而使得用户感觉在图形节点处直接输入了字符，做到了所见即所得的效果，提高了用户在图形节点中的输入体验。附图说明0015图1为本发明实施例一的图形用户界面的光标显示方法的流程图。0016图2为本发明实施例二的图形用户界面的光标显示方法的流程图。0017图3为本发明实施例二中一个模拟光标在一个图形节点处的示意图。
17、。0018图4为本发明实施例三的图形用户界面的光标显示方法的流程图。0019图5为本发明实施例三中两个模拟光标分别在两个图形节点处的示意图。0020图6为本发明实施例四的图形用户界面的光标显示装置的结构图。0021图7为本发明实施例五的图形用户界面的光标显示装置的结构图。0022图8为本发明实施例六的图形用户界面的光标显示装置的结构图。具体实施方式0023下面结合附图对本发明实施例提供的进行详细描述。0024实施例一0025图1为本发明实施例一的图形用户界面的光标显示方法的流程图，如图1所示，本发明实施例提供的图形用户界面的光标显示方法具体包括如下步骤0026步骤101、通过为图形用户界面创建。
18、的文件对象模型元素监听事件，其中，文件对象模型元素为可编辑并且不可见。0027步骤102、若监听到第一图形节点处的鼠标点击事件，则通过文件对象模型元素在原始显示位置显示第一模拟光标。0028步骤103、若监听到第一图形节点处的键盘事件，则通过文件对象模型元素接收通过键盘事件获取到的第一输入内容，并且根据第一输入内容更新第一图形节点处的第一正文内容，并将第一模拟光标由原始显示位置移动到当前显示位置。0029本发明实施例提供的图形用户界面的光标显示方法，由于该DOM元素为不可见的，因此用户不能感觉到该DOM元素的存在；此外，由于该DOM元素为可编辑的，因此可以将用户在图形用户界面上输入的文字数据第。
19、一输入内容同步到用户可见的第一图形节点展示界面处，通过将第一模拟光标移动到当前显示位置，使得第一模拟光标始终保持在用户输入文字的后面，从而使得用户感觉在图形节点处直接输入了字符，做到了所见即所得的效果，提高了用户在图形节点中的输入体验。0030实施例二0031图2为本发明实施例二的图形用户界面的光标显示方法的流程图，图3为本发明实施例二中一个模拟光标在一个图形节点处的示意图；如图2所示，本发明实施例提供的图形用户界面的光标显示方法具体包括如下步骤说明书CN104049899A3/7页70032步骤201、监听图形用户界面中的在第一图形节点处的鼠标点击事件，若监听到鼠标点击事件，则执行步骤202。
20、，若未监听到，则继续执行步骤201。0033步骤202、通过为图形用户界面创建的DOM元素获取第一图形节点中的左上方的第一位置坐标，其中，该DOM元素为可编辑并且不可见。并执行步骤203。0034步骤203、获取该鼠标点击事件在第一图形节点处的点击位置以及获取该点击位置处的字符相对于第一位置坐标的位置索引，并执行步骤204。0035步骤204、根据该点击位置与该位置索引确定第一模拟光标的原始显示位置，并执行步骤205；其中，具体可以通过如下方式确定第一模拟光标的原始显示位置获取该位置索引相对应的字符的左上角的位置坐标、字符宽度、字符高度；根据该点击位置与该字符的左上角的位置坐标、字符宽度、字符。
21、高度确定第一模拟光标的原始显示位置。0036此外，本发明实施例在执行步骤202步骤204的同时或者执行完步骤204之后，还可以通过DOM元素捕获第一图形节点处的第一正文内容，将第一正文内容同步到DOM元素中。0037步骤205、通过DOM元素监听键盘事件，若监听到键盘事件，则执行步骤206，若未监听到，则继续执行步骤205。0038步骤206、通过该DOM元素接收通过键盘事件获取到的第一输入内容，根据第一输入内容更新第一图形节点处的第一正文内容，执行步骤207。0039步骤207、获取更新后的第一正文内容中新增字符的第一索引，执行步骤208。0040步骤208、根据第一索引与新增字符的左上角的。
22、位置坐标、字符宽度、字符高度确定第一模拟光标的当前显示位置，流程结束。0041在步骤206中，获取更新后的第一正文内容中新增字符的宽度，对新增字符的个数进行累加，得到第一正文内容的第一索引；将第一模拟光标移动到第一索引指定的位置，并将第一索引重新赋值。0042下面结合图3对图2所示的方法实施例进行详细说明，本发明实施例以DOM元素具体为DIV容器进行示例性说明，DIV容器可以设置为可编辑并且不可见的，具体地，设置DIV容器的内容可编辑CONTENTEDITABLE属性为真TRUE，通过设置DIV容器的格式STYLE属性，例如，CLIP设置为RECT1EM1EM1EM1EM，RECT表示DIV容。
23、器为长方形，将长方形的四个顶角依次为左上、右上、右下、左下位置的参数设置为相同的，则DIV容器即可实现不可见的效果。此外，DIV容器可以在新建图形用户界面时创建，还可以在加载图形用户界面时创建。0043具体地，参见图3，示出了名称为“思维导图”的图形用户界面31，该图形用户界面31采用图形节点的方式显示用户操作，进一步地，图形节点具体可以为图形用户界面31中的不可编辑的图形方框，例如，中心主题、第一分支主题、第二分支主题、第三分支主题、第四分支主题所在的图形方框。当用户点击该图形用户界面31上的第一图形节点例如，左上角图形方框处的文字第一正文内容时，通过步骤201即可监听到有第一鼠标事件，进一。
24、步地，可以通过注册事件实现监听第一鼠标事件；通过执行步骤202即可创建DIV容器；在执行步骤202的同时或者之后，还可以将左上角的图形节点处的第一正文内容例如，第一分支主题同步到DIV容器中。0044通过步骤202步骤204可以将第一模拟光标显示在鼠标点击事件在左上角的图说明书CN104049899A4/7页8形节点处的原始显示位置，该原始显示位置由鼠标点击事件的点击位置确定，例如，当用户点击“第”时需要获取到左上角的图形节点的左上方的第一位置坐标，并获取被点击的字符“第”相对于该图形节点的左上方的位置坐标的位置索引，由于“第”位于第1个字处，因此该位置索引为“1”，通过获取该位置索引，可以根。
25、据鼠标点击的位置“第”处，以及“第”的位置索引“1”获取到原始显示位置；进一步地，为了精确地确定第一模拟光标应该显示在“第”的后面，则可以通过“第”的左上角的位置坐标、“第”的字符宽度和字符高度来确定第一模拟光标的原始显示位置，例如，将字符宽度除以2，确定点击位置是在“第”的中心的左侧还是右侧，从而确定是将第一模拟光标的原始显示位置移动到“第”的前面还是后面，通过该种方式确定第一模拟光标的原始显示位置，可以使第一模拟光标的原始显示位置更精准。图3中将第一模拟光标显示在了“分”的后面，若鼠标点击到“分”时，则处理过程同上述描述。0045在步骤205和步骤206中通过DOM元素监听键盘事件具体可以。
26、通过注册KEYDOWN事件实现对键盘操作的监听，具体地，当用户在左上角的图形节点第一图形节点处输入文字时，DIV容器的内容随着输入内容发生变化，此时将DIV容器中的输入内容更新到左上角的图形节点处文字内容即可，例如，在通过键盘输入文字内容之前的第一正文内容为“第支主题”，“一分”为通过监听键盘操作后得到的第一输入内容，则需要通过DIV容器将“一分”更新到第一图形节点处。0046在步骤207和步骤208中，当通过上述步骤205和步骤206得到第一输入内容“一分”时，则第一正文内容中的新增字符为“一分”，则“一”、“分”的第一索引分别为2、3，由于已经将“一分”同步到了第一图形节点处，此时需要将第。
27、一模拟光标从“第”的后面移动到“分”的后面，此时，可以通过新增字符“一”、“分”的左上角的位置坐标，“一”、“分”的第一索引以及字符高度确定第一模拟光标的当前显示位置，例如，第一模拟光标的当前显示位置为“分”的后面，这样，当用户输入“一”时，第一模拟光标可以显示在“一”的后面，当输入“分”时，第一模拟光标可以显示在“分”的后面，因此用户在输入字符时如同在真的界面上输入文字一样，用户在第一图形节点处输入字符时第一模拟光标不会有任何停顿，从而提高了用户的输入体验。0047综上，本发明实施例所提供的整个流程为一个顺序的过程，因此用户在图形节点处输入字符时第一模拟光标不会有任何停顿，用户在图形用户界面。
28、中的图形节点处输入字符时感觉不到有任何卡顿，就如同用户在界面上输入文字一样，从而提高了用户的输入体验。0048上述图2所示实施例仅以在同一个图形节点第一图形节点处首先监听到鼠标事件，之后再在第一图形节点处监听键盘事件的顺序进行描述的，本领域技术人员可以理解的是，若在第一图形节点处监听到了鼠标点击事件，但相隔一段时间之后，并未在第一图形节点处监听到键盘事件，而是在第二图形节点处发生了鼠标点击事件，则仍需通过DOM元素监听事件，以确定是在第二图形节点处发生了鼠标点击事件，或者，在第一图形节点中的“分”处发生了鼠标点击事件，并将第一模拟光标显示在“分”字的后面，在间隔一定时间之后，通过DOM元素监听。
29、到了“支”处发生了鼠标点击事件，则需要将第一模拟光标显示在“支”字的后面，因此通过DOM元素监听到的事件，有可能是鼠标点击事件，也有可能是键盘事件，本发明实施例对DOM元素具体监听到的事件不做限定，也对DOM元素是否是先监听说明书CN104049899A5/7页9到鼠标点击事件后监听到键盘事件的顺序不做限定，只需要根据用户在该图形用户界面31中的具体操作情形而定。0049实施例三0050图4为本发明实施例三的图形用户界面的光标显示方法的流程图，图5为本发明实施例三中两个模拟光标分别在两个图形节点处的示意图；如图4所示，在上述图2和图3所示实施例的基础上，若用户通过链接或者共享的方式将该图3所示。
30、的图形用户界面31发送给其它终端设备，则本发明实施例提供的图形用户界面的光标显示方法还可以包括如下步骤0051步骤401、获取其它终端设备在第二图形节点的节点索引与第二索引；0052步骤402、根据节点索引与第二索引确定第二模拟光标在第二图形节点处的原始显示位置；0053步骤403、获取其它终端设备的用户在第二图形节点输入的第二输入内容；0054步骤404、根据第二输入内容更新第二图形节点的第二正文内容，并根据更新后的第二输入内容与第二索引更新第二模拟光标的当前显示位置。0055下面结合图5对图4所示的方法实施例进行详细说明，本发明实施例仍以DOM元素具体为DIV容器进行示例性说明，DIV容器。
31、为可编辑并且不可见的，具体地，设置DIV容器的内容可编辑CONTENTEDITABLE属性为真TRUE，并将DIV容器的CLIP属性设置为RECT1EM1EM1EM1EM，RECT表示DIV容器为长方形，将长方形的四个顶角依次为左上、右上、右下、左下位置的参数设置为相同的，则DIV容器即可实现不可见的效果。0056具体地，参见图5，示出了在图3所示的思维导图31中当其它终端设备也在该图形用户界面上的左下方的图形节点第二图形节点处进行文字编辑时的示例，通过步骤401获取其它终端设备在第二图形节点的节点索引与第二索引，具体地，可以通过后端服务器处得到其它终端设备在第二图形节点的节点索引与第二索引，。
32、节点索引具体可以为图形节点的编号，例如，第一图形节点的节点索引为“1”，第二图形节点的节点索引为“2”，第三图形节点对应右上方的图形节点的节点为“3”，第四图形节点对应右下方的图形节点为“4”，本领域技术人员可以理解的是，节点索引可以为图形节点在图形用户界面中的编号；第二索引为图形节点中的文字的排序，例如，“第”位于第二图形节点处的第一个字符处，因此该第二索引为“1”，通过获取该第二索引，可以将其它终端设备在第二图形节点上操作的第二模拟光标显示在“第”的后面，进一步地，为了精确地确定第二模拟光标应该显示在“第”的后面，可以采用与上述第一模拟光标的方式确定第二模拟光标是显示在“第”的前面还是后面。
33、。图5中将第二模拟光标显示在了“支”的后面，若鼠标点击到“支”时，则处理过程同上述描述。0057在步骤403和步骤404中，若第二输入内容“二分支”时，则第一正文内容中的新增字符为“二分支”，则“二”、“分”、“支”的第一索引分别为2、3、4，由于已经将“二分支”同步到了第二图形节点处，此时需要将第二模拟光标从“第”的后面移动到“支”的后面，此时，可以通过新增字符“二”、“分”、“支”的左上角的位置坐标，“二”、“分”、“支”的第二索引以及字符高度确定第二模拟光标的当前显示位置，例如，第二模拟光标的当前显示位置为“支”的后面。0058当其它终端设备的用户通过获取该图形用户界面的链接或者通过共享。
34、的方式获说明书CN104049899A6/7页10取到该图形用户界面时，其它终端设备的用户同样可以在该图形用户界面上的图形节点上进行编辑；本领域技术人员可以理解的是，当有三个以上的其它终端设备同时在该图形用户界面上进行操作时，在本机上同样可以将三个以上的模拟光标进行显示，并且将三个以上的其他终端设备的输入内容进行显示并更新，使得在本机操作的用户能够看到其它用户通过其它终端设备对该图形用户界面进行了操作，从而使得可以多人同时对该图形用户界面进行操作，实现了多人对同一个图形用户界面的协作操作。0059实施例四0060图6为本发明实施例四的图形用户界面的光标显示装置的结构图；如图6所示，本发明实施例。
35、提供的图形用户界面的光标显示装置包括0061事件监听模块61，用于通过为所述图形用户界面创建的文件对象模型元素监听事件，其中，所述文件对象模型元素为可编辑并且不可见；0062第一处理模块62，用于若事件监听模块61监听到第一图形节点处的鼠标点击事件，则通过所述文件对象模型元素在原始显示位置显示第一模拟光标；0063第二处理模块63，用于若事件监听模块61监听到所述第一图形节点处的键盘事件，则通过所述文件对象模型元素接收通过所述键盘事件获取到的第一输入内容，并且根据所述第一输入内容更新所述第一图形节点处的第一正文内容，并将所述第一模拟光标由原始显示位置移动到当前显示位置。0064本发明实施例提供。
36、的图形用户界面的光标显示装置，由于通过显示模块62创建的DOM元素为不可见的，因此用户不能感觉到该DOM元素的存在；此外，由于该DOM元素为可编辑的，因此可以将用户在图形用户界面上输入的文字数据第一输入内容同步到用户可见的第一图形节点展示界面处，通过第二处理模块63将第一模拟光标移动到当前显示位置，使得第一模拟光标始终保持在用户输入文字的后面，从而使得用户感觉在图形节点处直接输入了字符，做到了所见即所得的效果，提高了用户在图形节点中的输入体验。0065实施例五0066图7为本发明实施例五的图形用户界面的光标显示装置的结构图；在上述图6所示实施例的基础上，如图7所示，本发明实施例提供的图形用户界。
37、面的光标显示装置包括0067第一处理模块62包括0068第一获取单元621，用于通过所述文件对象模型元素获取所述第一图形节点中的左上方的第一位置坐标；0069第二获取单元622，用于获取所述鼠标点击事件在所述第一图形节点处的点击位置以及获取所述点击位置处的字符相对于所述第一位置坐标的位置索引；0070第一确定单元623，用于根据所述点击位置与所述位置索引确定第一模拟光标的原始显示位置。0071进一步地，第二获取单元622包括第一获取子单元，用于获取所述位置索引相对应的所述字符的左上角的位置坐标、字符宽度、字符高度；第一确定子单元，用于根据所述点击位置与所述字符的左上角的位置坐标、字符宽度、字符。
38、高度确定所述第一模拟光标的原始显示位置。0072进一步地，第二处理模块63包括0073第三获取单元631，用于获取更新后的所述第一正文内容中新增字符的第一索说明书CN104049899A107/7页11引；0074第二确定单元632，用于根据所述第一索引与所述新增字符的左上角的位置坐标、字符宽度、字符高度确定所述第一模拟光标的当前显示位置。0075进一步地，所述光标显示装置还包括0076第一捕获模块64，用于若通过事件监听模块61监听到所述第一图形节点处的鼠标点击事件，则通过所述文件对象模型元素捕获所述第一图形节点处的第一正文内容；0077同步模块65，用于将第一捕获模块64捕获到的所述第一正。
39、文内容同步到所述文件对象模型元素中。0078本发明实施例的有益技术效果可以参考图2和图3所示实施例中的有益技术效果，在此不再赘述。0079实施例六0080图8为本发明实施例六的图形用户界面的光标显示装置的结构图如图8所示，在图6所示实施例的基础上，所述光标显示装置还包括0081第一获取模块66，用于获取所述其它终端设备在第二图形节点的节点索引与第二索引；0082确定模块67，用于根据所述节点索引与所述第二索引确定第二模拟光标在所述第二图形节点处的显示位置。0083进一步地，所述光标显示装置还包括0084第二获取模块68，用于获取所述其它终端设备的用户在所述第二图形节点输入的第二输入内容；008。
40、5更新模块69，用于根据所述第二输入内容更新所述第二图形节点的第二正文内容，并根据更新后的所述第二输入内容与所述第二索引更新所述第二模拟光标的显示位置。0086进一步地，更新模块69包括0087第四获取单元691，用于根据所述第二索引获取更新后的所述第二正文内容中的每个字符的左上角的位置坐标、字符宽度、字符高度；0088第三确定单元692，用于根据所述每个字符的左上角的位置坐标、所述字符宽度、所述字符高度确定所述第二模拟光标显示的位置。0089本发明实施例的有益技术效果可以参考图4和图5所示实施例中的有益技术效果，在此不再赘述。0090进一步地，本领域技术人员可以理解的是，上述实施例五与实施例。
41、六也可以结合在一起形成一个新的实施例，从而可以实现在第一图形节点与第二图形节点显示两个模拟光标，实现本机上的用户与本机以外的其它终端设备的用户对同一图形用户界面的协同操作。0091以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。说明书CN104049899A111/7页12图1说明书附图CN104049899A122/7页13图2说明书附图CN104049899A133/7页14图3说明书附图CN104049899A144/7页15图4说明书附图CN104049899A155/7页16图5图6说明书附图CN104049899A166/7页17图7说明书附图CN104049899A177/7页18图8说明书附图CN104049899A18。