一種圖形用戶界面的光標顯示方法及裝置制造方法【專利摘要】本發(fā)明提供了一種圖形用戶界面的光標顯示方法及裝置，該圖形用戶界面的光標顯示方法包括：通過為圖形用戶界面創(chuàng)建的文件對象模型元素監(jiān)聽事件，其中，文件對象模型元素為可編輯并且不可見；若監(jiān)聽到第一圖形節(jié)點處的鼠標點擊事件，則通過文件對象模型元素在原始顯示位置顯示第一模擬光標，其中，文件對象模型元素為可編輯并且不可見；若監(jiān)聽到第一圖形節(jié)點處的鍵盤事件，則通過文件對象模型元素接收通過鍵盤事件獲取到的第一輸入內(nèi)容，并且根據(jù)第一輸入內(nèi)容更新第一圖形節(jié)點處的第一正文內(nèi)容，并將第一模擬光標由原始顯示位置移動到當前顯示位置。本發(fā)明實施例可以實現(xiàn)所見即所得的效果，提高了用戶在圖形節(jié)點中的輸入體驗?！緦＠f明】一種圖形用戶界面的光標顯示方法及裝置【
技術領域：
】[0001]本發(fā)明涉及計算機網(wǎng)絡【
技術領域：
】，尤其涉及一種圖形用戶界面的光標顯示方法及裝直?！?br>背景技術：
】[0002]在用戶通過瀏覽器瀏覽網(wǎng)站時，網(wǎng)站會提供多個可編輯區(qū)域讓用戶錄入內(nèi)容，用戶通過鼠標點擊編輯該可編輯區(qū)域，則在該可編輯區(qū)域會出現(xiàn)一個閃爍的光標，當用戶在該可編輯區(qū)域輸入文字或者選中文字時，光標會跟著變化。隨著很多復雜業(yè)務在網(wǎng)頁（web)中的展示，例如，在線圖形編輯器等以圖形展現(xiàn)為主的產(chǎn)品，通過在圖形界面上借助可編輯的文件對象模型（DocumentObjectModel，簡稱為D0M)元素，從而使用瀏覽器提供的原生光標。發(fā)明人發(fā)現(xiàn)，若采用瀏覽器自身提供的原生光標，當用戶在該圖形節(jié)點處進行文字編輯時，可編輯區(qū)域的輸入內(nèi)容有可能會彈出并蓋住該圖形節(jié)點，對于用戶來講做不到所見即所得的效果，從而降低了用戶的輸入體驗?！?br/>發(fā)明內(nèi)容】[0003]本發(fā)明的實施例提供一種圖形用戶界面的光標顯示方法及裝置，使文字均處于圖形節(jié)點中，提高用戶在圖形節(jié)點中的輸入體驗。[0004]為達到上述目的，本發(fā)明的實施例采用如下技術方案：[0005]-種圖形用戶界面的光標顯示方法，該圖形用戶界面的光標顯示方法包括：[0006]監(jiān)聽所述圖形用戶界面中的在第一圖形節(jié)點處的鼠標點擊事件；[0007]通過為所述圖形用戶界面創(chuàng)建的文件對象模型元素監(jiān)聽事件，其中，所述文件對象模型元素為可編輯并且不可見；[0008]若監(jiān)聽到第一圖形節(jié)點處的鼠標點擊事件，則通過所述文件對象模型元素在原始顯示位置顯示第一模擬光標；[0009]若監(jiān)聽到所述第一圖形節(jié)點處的鍵盤事件，則通過所述文件對象模型元素接收通過所述鍵盤事件獲取到的第一輸入內(nèi)容，并且根據(jù)所述第一輸入內(nèi)容更新所述第一圖形節(jié)點處的第一正文內(nèi)容，并將所述第一模擬光標由原始顯示位置移動到當前顯示位置。[0010]一種圖形用戶界面的光標顯示裝置，該圖形用戶界面的光標顯示裝置包括：[0011]事件監(jiān)聽模塊，用于通過為所述圖形用戶界面創(chuàng)建的文件對象模型元素監(jiān)聽事件，其中，所述文件對象模型元素為可編輯并且不可見；[0012]第一處理模塊，用于若所述事件監(jiān)聽模塊監(jiān)聽到第一圖形節(jié)點處的鼠標點擊事件，則通過所述文件對象模型元素在原始顯示位置顯示第一模擬光標；[0013]第二處理模塊，用于若所述事件監(jiān)聽模塊監(jiān)聽到所述第一圖形節(jié)點處的鍵盤事件，則通過所述文件對象模型元素接收通過所述鍵盤事件獲取到的第一輸入內(nèi)容，并且根據(jù)所述第一輸入內(nèi)容更新所述第一圖形節(jié)點處的第一正文內(nèi)容，并將所述第一模擬光標由原始顯示位置移動到當前顯示位置。[0014]本發(fā)明實施例提供的圖形用戶界面的光標顯示方法及裝置，由于該DOM元素為不可見的，因此用戶不能感覺到該D0M元素的存在；此外，由于該D0M元素為可編輯的，因此可以將用戶在圖形用戶界面上輸入的文字數(shù)據(jù)（第一輸入內(nèi)容）同步到用戶可見的第一圖形節(jié)點（展示界面）處，通過將第一模擬光標移動到當前顯示位置，使得第一模擬光標始終保持在用戶輸入文字的后面，從而使得用戶感覺在圖形節(jié)點處直接輸入了字符，做到了所見即所得的效果，提高了用戶在圖形節(jié)點中的輸入體驗?！緦＠綀D】【附圖說明】[0015]圖1為本發(fā)明實施例一的圖形用戶界面的光標顯示方法的流程圖。[0016]圖2為本發(fā)明實施例二的圖形用戶界面的光標顯示方法的流程圖。[0017]圖3為本發(fā)明實施例二中一個模擬光標在一個圖形節(jié)點處的示意圖。[0018]圖4為本發(fā)明實施例三的圖形用戶界面的光標顯示方法的流程圖。[0019]圖5為本發(fā)明實施例三中兩個模擬光標分別在兩個圖形節(jié)點處的示意圖。[0020]圖6為本發(fā)明實施例四的圖形用戶界面的光標顯示裝置的結(jié)構圖。[0021]圖7為本發(fā)明實施例五的圖形用戶界面的光標顯示裝置的結(jié)構圖。[0022]圖8為本發(fā)明實施例六的圖形用戶界面的光標顯示裝置的結(jié)構圖?！揪唧w實施方式】[0023]下面結(jié)合附圖對本發(fā)明實施例提供的進行詳細描述。[0024]實施例一[0025]圖1為本發(fā)明實施例一的圖形用戶界面的光標顯示方法的流程圖，如圖1所示，本發(fā)明實施例提供的圖形用戶界面的光標顯示方法具體包括如下步驟：[0026]步驟101、通過為圖形用戶界面創(chuàng)建的文件對象模型元素監(jiān)聽事件，其中，文件對象模型元素為可編輯并且不可見。[0027]步驟102、若監(jiān)聽到第一圖形節(jié)點處的鼠標點擊事件，則通過文件對象模型元素在原始顯示位置顯示第一模擬光標。[0028]步驟103、若監(jiān)聽到第一圖形節(jié)點處的鍵盤事件，則通過文件對象模型元素接收通過鍵盤事件獲取到的第一輸入內(nèi)容，并且根據(jù)第一輸入內(nèi)容更新第一圖形節(jié)點處的第一正文內(nèi)容，并將第一模擬光標由原始顯示位置移動到當前顯示位置。[0029]本發(fā)明實施例提供的圖形用戶界面的光標顯示方法，由于該D0M元素為不可見的，因此用戶不能感覺到該D0M元素的存在；此外，由于該D0M元素為可編輯的，因此可以將用戶在圖形用戶界面上輸入的文字數(shù)據(jù)（第一輸入內(nèi)容）同步到用戶可見的第一圖形節(jié)點(展示界面）處，通過將第一模擬光標移動到當前顯示位置，使得第一模擬光標始終保持在用戶輸入文字的后面，從而使得用戶感覺在圖形節(jié)點處直接輸入了字符，做到了所見即所得的效果，提高了用戶在圖形節(jié)點中的輸入體驗。[0030]實施例二[0031]圖2為本發(fā)明實施例二的圖形用戶界面的光標顯示方法的流程圖，圖3為本發(fā)明實施例二中一個模擬光標在一個圖形節(jié)點處的示意圖；如圖2所示，本發(fā)明實施例提供的圖形用戶界面的光標顯示方法具體包括如下步驟：[0032]步驟201、監(jiān)聽圖形用戶界面中的在第一圖形節(jié)點處的鼠標點擊事件，若監(jiān)聽到鼠標點擊事件，則執(zhí)行步驟202,若未監(jiān)聽到，則繼續(xù)執(zhí)行步驟201。[0033]步驟202、通過為圖形用戶界面創(chuàng)建的D0M元素獲取第一圖形節(jié)點中的左上方的第一位置坐標，其中，該D0M元素為可編輯并且不可見。并執(zhí)行步驟203。[0034]步驟203、獲取該鼠標點擊事件在第一圖形節(jié)點處的點擊位置以及獲取該點擊位置處的字符相對于第一位置坐標的位置索引，并執(zhí)行步驟204。[0035]步驟204、根據(jù)該點擊位置與該位置索引確定第一模擬光標的原始顯示位置，并執(zhí)行步驟205;其中，具體可以通過如下方式確定第一模擬光標的原始顯示位置：獲取該位置索引相對應的字符的左上角的位置坐標、字符寬度、字符1?度；根據(jù)該點擊位置與該字符的左上角的位置坐標、字符寬度、字符高度確定第一模擬光標的原始顯示位置。[0036]此外，本發(fā)明實施例在執(zhí)行步驟202?步驟204的同時或者執(zhí)行完步驟204之后，還可以通過D0M元素捕獲第一圖形節(jié)點處的第一正文內(nèi)容，將第一正文內(nèi)容同步到D0M元素中。[0037]步驟205、通過D0M元素監(jiān)聽鍵盤事件，若監(jiān)聽到鍵盤事件，則執(zhí)行步驟206,若未監(jiān)聽到，則繼續(xù)執(zhí)行步驟205。[0038]步驟206、通過該D0M元素接收通過鍵盤事件獲取到的第一輸入內(nèi)容，根據(jù)第一輸入內(nèi)容更新第一圖形節(jié)點處的第一正文內(nèi)容，執(zhí)行步驟207。[0039]步驟207、獲取更新后的第一正文內(nèi)容中新增字符的第一索引，執(zhí)行步驟208。[0040]步驟208、根據(jù)第一索引與新增字符的左上角的位置坐標、字符寬度、字符高度確定第一模擬光標的當前顯示位置，流程結(jié)束。[0041]在步驟206中，獲取更新后的第一正文內(nèi)容中新增字符的寬度，對新增字符的個數(shù)進行累加，得到第一正文內(nèi)容的第一索引；將第一模擬光標移動到第一索引指定的位置，并將第一索引重新賦值。[0042]下面結(jié)合圖3對圖2所示的方法實施例進行詳細說明，本發(fā)明實施例以D0M元素具體為div容器進行示例性說明，div容器可以設置為可編輯并且不可見的，具體地，設置div容器的內(nèi)容可編輯（contentEditable)屬性為真（true)，通過設置div容器的格式(style)屬性，例如，clip設置為rect:(lemlemlemlem),rect表不div容器為長方形，將長方形的四個頂角（依次為左上、右上、右下、左下）位置的參數(shù)設置為相同的，則div容器即可實現(xiàn)不可見的效果。此外，div容器可以在新建圖形用戶界面時創(chuàng)建，還可以在加載圖形用戶界面時創(chuàng)建。[0043]具體地，參見圖3,示出了名稱為"思維導圖"的圖形用戶界面31，該圖形用戶界面31采用圖形節(jié)點的方式顯示用戶操作，進一步地，圖形節(jié)點具體可以為圖形用戶界面31中的不可編輯的圖形方框，例如，中心主題、第一分支主題、第二分支主題、第三分支主題、第四分支主題所在的圖形方框。當用戶點擊該圖形用戶界面31上的第一圖形節(jié)點（例如，左上角圖形方框）處的文字（第一正文內(nèi)容）時，通過步驟201即可監(jiān)聽到有第一鼠標事件，進一步地，可以通過注冊事件實現(xiàn)監(jiān)聽第一鼠標事件；通過執(zhí)行步驟202即可創(chuàng)建div容器；在執(zhí)行步驟202的同時或者之后，還可以將左上角的圖形節(jié)點處的第一正文內(nèi)容（例如，第一分支主題）同步到div容器中。[0044]通過步驟202?步驟204可以將第一模擬光標顯示在鼠標點擊事件在左上角的圖形節(jié)點處的原始顯示位置，該原始顯示位置由鼠標點擊事件的點擊位置確定，例如，當用戶點擊"第"時需要獲取到左上角的圖形節(jié)點的左上方的第一位置坐標，并獲取被點擊的字符"第"相對于該圖形節(jié)點的左上方的位置坐標的位置索引，由于"第"位于第1個字處，因此該位置索引為"1"，通過獲取該位置索引，可以根據(jù)鼠標點擊的位置"第"處，以及"第"的位置索引"1"獲取到原始顯示位置；進一步地，為了精確地確定第一模擬光標應該顯示在"第"的后面，則可以通過"第"的左上角的位置坐標、"第"的字符寬度和字符高度來確定第一模擬光標的原始顯示位置，例如，將字符寬度除以2,確定點擊位置是在"第"的中心的左側(cè)還是右側(cè)，從而確定是將第一模擬光標的原始顯示位置移動到"第"的前面還是后面，通過該種方式確定第一模擬光標的原始顯示位置，可以使第一模擬光標的原始顯示位置更精準。圖3中將第一模擬光標顯示在了"分"的后面，若鼠標點擊到"分"時，則處理過程同上述描述。[0045]在步驟205和步驟206中通過D0M元素監(jiān)聽鍵盤事件具體可以通過注冊keydown事件實現(xiàn)對鍵盤操作的監(jiān)聽，具體地，當用戶在左上角的圖形節(jié)點（第一圖形節(jié)點）處輸入文字時，div容器的內(nèi)容隨著輸入內(nèi)容發(fā)生變化，此時將div容器中的輸入內(nèi)容更新到左上角的圖形節(jié)點處文字內(nèi)容即可，例如，在通過鍵盤輸入文字內(nèi)容之前的第一正文內(nèi)容為"第支主題"，"一分"為通過監(jiān)聽鍵盤操作后得到的第一輸入內(nèi)容，則需要通過div容器將"一分"更新到第一圖形節(jié)點處。[0046]在步驟207和步驟208中，當通過上述步驟205和步驟206得到第一輸入內(nèi)容"一分"時，則第一正文內(nèi)容中的新增字符為"一分"，則"一"、"分"的第一索引分別為：2、3,由于已經(jīng)將"一分"同步到了第一圖形節(jié)點處，此時需要將第一模擬光標從"第"的后面移動至IJ"分"的后面，此時，可以通過新增字符"一"、"分"的左上角的位置坐標，"一"、"分"的第一索引以及字符高度確定第一模擬光標的當前顯示位置，例如，第一模擬光標的當前顯示位置為"分"的后面，這樣，當用戶輸入"一"時，第一模擬光標可以顯示在"一"的后面，當輸入"分"時，第一模擬光標可以顯示在"分"的后面，因此用戶在輸入字符時如同在真的界面上輸入文字一樣，用戶在第一圖形節(jié)點處輸入字符時第一模擬光標不會有任何停頓，從而提1?了用戶的輸入體驗。[0047]綜上，本發(fā)明實施例所提供的整個流程為一個順序的過程，因此用戶在圖形節(jié)點處輸入字符時第一模擬光標不會有任何停頓，用戶在圖形用戶界面中的圖形節(jié)點處輸入字符時感覺不到有任何卡頓，就如同用戶在界面上輸入文字一樣，從而提高了用戶的輸入體驗。[0048]上述圖2所示實施例僅以在同一個圖形節(jié)點（第一圖形節(jié)點）處首先監(jiān)聽到鼠標事件，之后再在第一圖形節(jié)點處監(jiān)聽鍵盤事件的順序進行描述的，本領域技術人員可以理解的是，若在第一圖形節(jié)點處監(jiān)聽到了鼠標點擊事件，但相隔一段時間之后，并未在第一圖形節(jié)點處監(jiān)聽到鍵盤事件，而是在第二圖形節(jié)點處發(fā)生了鼠標點擊事件，則仍需通過D0M元素監(jiān)聽事件，以確定是在第二圖形節(jié)點處發(fā)生了鼠標點擊事件，或者，在第一圖形節(jié)點中的"分"處發(fā)生了鼠標點擊事件，并將第一模擬光標顯示在"分"字的后面，在間隔一定時間之后，通過D0M元素監(jiān)聽到了"支"處發(fā)生了鼠標點擊事件，則需要將第一模擬光標顯示在"支"字的后面，因此通過D0M元素監(jiān)聽到的事件，有可能是鼠標點擊事件，也有可能是鍵盤事件，本發(fā)明實施例對D0M元素具體監(jiān)聽到的事件不做限定，也對D0M元素是否是先監(jiān)聽到鼠標點擊事件后監(jiān)聽到鍵盤事件的順序不做限定，只需要根據(jù)用戶在該圖形用戶界面31中的具體操作情形而定。[0049]實施例三[0050]圖4為本發(fā)明實施例三的圖形用戶界面的光標顯示方法的流程圖，圖5為本發(fā)明實施例三中兩個模擬光標分別在兩個圖形節(jié)點處的示意圖；如圖4所示，在上述圖2和圖3所示實施例的基礎上，若用戶通過鏈接或者共享的方式將該圖3所示的圖形用戶界面31發(fā)送給其它終端設備，則本發(fā)明實施例提供的圖形用戶界面的光標顯示方法還可以包括如下步驟：[0051]步驟401、獲取其它終端設備在第二圖形節(jié)點的節(jié)點索引與第二索引；[0052]步驟402、根據(jù)節(jié)點索引與第二索引確定第二模擬光標在第二圖形節(jié)點處的原始顯示位置；[0053]步驟403、獲取其它終端設備的用戶在第二圖形節(jié)點輸入的第二輸入內(nèi)容；[0054]步驟404、根據(jù)第二輸入內(nèi)容更新第二圖形節(jié)點的第二正文內(nèi)容，并根據(jù)更新后的第二輸入內(nèi)容與第二索引更新第二模擬光標的當前顯示位置。[0055]下面結(jié)合圖5對圖4所示的方法實施例進行詳細說明，本發(fā)明實施例仍以D0M元素具體為div容器進行示例性說明，div容器為可編輯并且不可見的，具體地，設置div容器的內(nèi)容可編輯（contentEditable)屬性為真（true),并將div容器的clip屬性設置為rect:(lemlemlemlem),rect表示div容器為長方形，將長方形的四個頂角（依次為左上、右上、右下、左下）位置的參數(shù)設置為相同的，則div容器即可實現(xiàn)不可見的效果。[0056]具體地，參見圖5,示出了在圖3所示的思維導圖31中當其它終端設備也在該圖形用戶界面上的左下方的圖形節(jié)點（第二圖形節(jié)點）處進行文字編輯時的示例，通過步驟401獲取其它終端設備在第二圖形節(jié)點的節(jié)點索引與第二索引，具體地，可以通過后端服務器處得到其它終端設備在第二圖形節(jié)點的節(jié)點索引與第二索引，節(jié)點索引具體可以為圖形節(jié)點的編號，例如，第一圖形節(jié)點的節(jié)點索引為"1"，第二圖形節(jié)點的節(jié)點索引為"2"，第三圖形節(jié)點（對應右上方的圖形節(jié)點）的節(jié)點為"3"，第四圖形節(jié)點（對應右下方的圖形節(jié)點）為"4"，本領域技術人員可以理解的是，節(jié)點索引可以為圖形節(jié)點在圖形用戶界面中的編號；第二索引為圖形節(jié)點中的文字的排序，例如，"第"位于第二圖形節(jié)點處的第一個字符處，因此該第二索引為"1"，通過獲取該第二索引，可以將其它終端設備在第二圖形節(jié)點上操作的第二模擬光標顯示在"第"的后面，進一步地，為了精確地確定第二模擬光標應該顯示在"第"的后面，可以采用與上述第一模擬光標的方式確定第二模擬光標是顯示在"第"的前面還是后面。圖5中將第二模擬光標顯示在了"支"的后面，若鼠標點擊到"支"時，則處理過程同上述描述。[0057]在步驟403和步驟404中，若第二輸入內(nèi)容"二分支"時，則第一正文內(nèi)容中的新增字符為"二分支"，則"二"、"分"、"支"的第一索引分別為：2、3、4,由于已經(jīng)將"二分支"同步到了第二圖形節(jié)點處，此時需要將第二模擬光標從"第"的后面移動到"支"的后面，此時，可以通過新增字符"二"、"分"、"支"的左上角的位置坐標，"二"、"分"、"支"的第二索引以及字符高度確定第二模擬光標的當前顯示位置，例如，第二模擬光標的當前顯示位置為"支"的后面。[0058]當其它終端設備的用戶通過獲取該圖形用戶界面的鏈接或者通過共享的方式獲取到該圖形用戶界面時，其它終端設備的用戶同樣可以在該圖形用戶界面上的圖形節(jié)點上進行編輯；本領域技術人員可以理解的是，當有三個以上的其它終端設備同時在該圖形用戶界面上進行操作時，在本機上同樣可以將三個以上的模擬光標進行顯示，并且將三個以上的其他終端設備的輸入內(nèi)容進行顯示并更新，使得在本機操作的用戶能夠看到其它用戶通過其它終端設備對該圖形用戶界面進行了操作，從而使得可以多人同時對該圖形用戶界面進行操作，實現(xiàn)了多人對同一個圖形用戶界面的協(xié)作操作。[0059]實施例四[0060]圖6為本發(fā)明實施例四的圖形用戶界面的光標顯示裝置的結(jié)構圖；如圖6所示，本發(fā)明實施例提供的圖形用戶界面的光標顯示裝置包括：[0061]事件監(jiān)聽模塊61，用于通過為所述圖形用戶界面創(chuàng)建的文件對象模型元素監(jiān)聽事件，其中，所述文件對象模型元素為可編輯并且不可見；[0062]第一處理模塊62,用于若事件監(jiān)聽模塊61監(jiān)聽到第一圖形節(jié)點處的鼠標點擊事件，則通過所述文件對象模型元素在原始顯示位置顯示第一模擬光標；[0063]第二處理模塊63,用于若事件監(jiān)聽模塊61監(jiān)聽到所述第一圖形節(jié)點處的鍵盤事件，則通過所述文件對象模型元素接收通過所述鍵盤事件獲取到的第一輸入內(nèi)容，并且根據(jù)所述第一輸入內(nèi)容更新所述第一圖形節(jié)點處的第一正文內(nèi)容，并將所述第一模擬光標由原始顯示位置移動到當前顯示位置。[0064]本發(fā)明實施例提供的圖形用戶界面的光標顯示裝置，由于通過顯示模塊62創(chuàng)建的D0M元素為不可見的，因此用戶不能感覺到該D0M元素的存在；此外，由于該D0M元素為可編輯的，因此可以將用戶在圖形用戶界面上輸入的文字數(shù)據(jù)（第一輸入內(nèi)容）同步到用戶可見的第一圖形節(jié)點（展示界面）處，通過第二處理模塊63將第一模擬光標移動到當前顯示位置，使得第一模擬光標始終保持在用戶輸入文字的后面，從而使得用戶感覺在圖形節(jié)點處直接輸入了字符，做到了所見即所得的效果，提高了用戶在圖形節(jié)點中的輸入體驗。[0065]實施例五[0066]圖7為本發(fā)明實施例五的圖形用戶界面的光標顯示裝置的結(jié)構圖；在上述圖6所示實施例的基礎上，如圖7所示，本發(fā)明實施例提供的圖形用戶界面的光標顯示裝置包括：[0067]第一處理模塊62包括：[0068]第一獲取單元621，用于通過所述文件對象模型元素獲取所述第一圖形節(jié)點中的左上方的第一位置坐標；[0069]第二獲取單元622,用于獲取所述鼠標點擊事件在所述第一圖形節(jié)點處的點擊位置以及獲取所述點擊位置處的字符相對于所述第一位置坐標的位置索引；[0070]第一確定單元623,用于根據(jù)所述點擊位置與所述位置索引確定第一模擬光標的原始顯示位置。[0071]進一步地，第二獲取單元622包括：第一獲取子單元，用于獲取所述位置索引相對應的所述字符的左上角的位置坐標、字符寬度、字符高度；第一確定子單元，用于根據(jù)所述點擊位置與所述字符的左上角的位置坐標、字符寬度、字符高度確定所述第一模擬光標的原始顯示位置。[0072]進一步地，第二處理模塊63包括：[0073]第三獲取單元631，用于獲取更新后的所述第一正文內(nèi)容中新增字符的第一索引；[0074]第二確定單元632,用于根據(jù)所述第一索引與所述新增字符的左上角的位置坐標、字符寬度、字符高度確定所述第一模擬光標的當前顯示位置。[0075]進一步地，所述光標顯示裝置還包括：[0076]第一捕獲模塊64,用于若通過事件監(jiān)聽模塊61監(jiān)聽到所述第一圖形節(jié)點處的鼠標點擊事件，則通過所述文件對象模型元素捕獲所述第一圖形節(jié)點處的第一正文內(nèi)容；[0077]同步模塊65,用于將第一捕獲模塊64捕獲到的所述第一正文內(nèi)容同步到所述文件對象模型元素中。[0078]本發(fā)明實施例的有益技術效果可以參考圖2和圖3所示實施例中的有益技術效果，在此不再贅述。[0079]實施例六[0080]圖8為本發(fā)明實施例六的圖形用戶界面的光標顯示裝置的結(jié)構圖如圖8所示，在圖6所示實施例的基礎上，所述光標顯示裝置還包括：[0081]第一獲取模塊66,用于獲取所述其它終端設備在第二圖形節(jié)點的節(jié)點索引與第二索引；[0082]確定模塊67,用于根據(jù)所述節(jié)點索引與所述第二索引確定第二模擬光標在所述第二圖形節(jié)點處的顯示位置。[0083]進一步地，所述光標顯示裝置還包括：[0084]第二獲取模塊68,用于獲取所述其它終端設備的用戶在所述第二圖形節(jié)點輸入的第二輸入內(nèi)容；[0085]更新模塊69,用于根據(jù)所述第二輸入內(nèi)容更新所述第二圖形節(jié)點的第二正文內(nèi)容，并根據(jù)更新后的所述第二輸入內(nèi)容與所述第二索引更新所述第二模擬光標的顯示位置。[0086]進一步地，更新模塊69包括：[0087]第四獲取單元691，用于根據(jù)所述第二索引獲取更新后的所述第二正文內(nèi)容中的每個字符的左上角的位置坐標、字符寬度、字符高度；[0088]第三確定單元692,用于根據(jù)所述每個字符的左上角的位置坐標、所述字符寬度、所述字符高度確定所述第二模擬光標顯示的位置。[0089]本發(fā)明實施例的有益技術效果可以參考圖4和圖5所示實施例中的有益技術效果，在此不再贅述。[0090]進一步地，本領域技術人員可以理解的是，上述實施例五與實施例六也可以結(jié)合在一起形成一個新的實施例，從而可以實現(xiàn)在第一圖形節(jié)點與第二圖形節(jié)點顯示兩個模擬光標，實現(xiàn)本機上的用戶與本機以外的其它終端設備的用戶對同一圖形用戶界面的協(xié)同操作。[0091]以上所述，僅為本發(fā)明的【具體實施方式】，但本發(fā)明的保護范圍并不局限于此，任何熟悉本【
技術領域：
】的技術人員在本發(fā)明揭露的技術范圍內(nèi)，可輕易想到變化或替換，都應涵蓋在本發(fā)明的保護范圍之內(nèi)。因此，本發(fā)明的保護范圍應以所述權利要求的保護范圍為準?！緳嗬蟆?.一種圖形用戶界面的光標顯示方法，其特征在于，所述圖形用戶界面的光標顯示方法包括：通過為所述圖形用戶界面創(chuàng)建的文件對象模型元素監(jiān)聽事件，其中，所述文件對象模型元素為可編輯并且不可見；若監(jiān)聽到第一圖形節(jié)點處的鼠標點擊事件，則通過所述文件對象模型元素在原始顯示位置顯不第一模擬光標；若監(jiān)聽到所述第一圖形節(jié)點處的鍵盤事件，則通過所述文件對象模型元素接收通過所述鍵盤事件獲取到的第一輸入內(nèi)容，并且根據(jù)所述第一輸入內(nèi)容更新所述第一圖形節(jié)點處的第一正文內(nèi)容，并將所述第一模擬光標由原始顯示位置移動到當前顯示位置。2.根據(jù)權利要求1所述的光標顯示方法，其特征在于，所述通過為所述圖形用戶界面創(chuàng)建的文件對象模型在原始顯示位置顯示第一模擬光標的步驟包括：通過所述文件對象模型元素獲取所述第一圖形節(jié)點中的左上方的第一位置坐標；獲取所述鼠標點擊事件在所述第一圖形節(jié)點處的點擊位置以及獲取所述點擊位置處的字符相對于所述第一位置坐標的位置索引；根據(jù)所述點擊位置與所述位置索引確定第一模擬光標的原始顯示位置。3.根據(jù)權利要求2所述的光標顯示方法，其特征在于，所述根據(jù)所述點擊位置與所述位置索引確定第一模擬光標的原始顯示位置的步驟包括：獲取所述位置索引相對應的所述字符的左上角的位置坐標、字符寬度、字符高度；根據(jù)所述點擊位置與所述字符的左上角的位置坐標、字符寬度、字符高度確定所述第一模擬光標的原始顯示位置。4.根據(jù)權利要求1所述的光標顯示方法，其特征在于，若監(jiān)聽到所述第一圖形節(jié)點處的鼠標點擊事件，所述光標顯示方法還包括：通過所述文件對象模型元素捕獲所述第一圖形節(jié)點處的第一正文內(nèi)容；將所述第一正文內(nèi)容同步到所述文件對象模型元素中。5.根據(jù)權利要求1所述的光標顯示方法，其特征在于，所述將所述第一模擬光標由原始顯示位置移動到當前顯示位置的步驟包括：獲取更新后的所述第一正文內(nèi)容中新增字符的第一索引；根據(jù)所述第一索引與所述新增字符的左上角的位置坐標、字符寬度、字符高度確定所述第一模擬光標的當前顯示位置。6.根據(jù)權利要求1所述的光標顯示方法，其特征在于，所述光標顯示方法還包括：獲取其它終端設備在第二圖形節(jié)點的節(jié)點索引與第二索引；根據(jù)所述節(jié)點索引與所述第二索引確定第二模擬光標在所述第二圖形節(jié)點處的原始顯示位置。7.根據(jù)權利要求6所述的光標顯示方法，其特征在于，所述根據(jù)所述節(jié)點索引與所述第二索引確定第二模擬光標在所述第二圖形節(jié)點處的原始顯示位置的步驟之后，所述光標顯示方法還包括：獲取所述其它終端設備的用戶在所述第二圖形節(jié)點輸入的第二輸入內(nèi)容；根據(jù)所述第二輸入內(nèi)容更新所述第二圖形節(jié)點的第二正文內(nèi)容，并根據(jù)更新后的所述第二輸入內(nèi)容與所述第二索引更新所述第二模擬光標的當前顯示位置。8.根據(jù)權利要求7所述的光標顯示方法，其特征在于，所述根據(jù)更新后的所述第二輸入內(nèi)容與所述第二索引更新所述第二模擬光標的當前顯示位置的步驟包括：根據(jù)所述第二索引獲取更新后的所述第二正文內(nèi)容中的每個字符的左上角的位置坐標、字符寬度、字符高度；根據(jù)所述每個字符的左上角的位置坐標、所述字符寬度、所述字符高度確定所述第二模擬光標顯示的位置。9.根據(jù)權利要求1?8任一所述的光標顯示方法，其特征在于，所述文件對象模型元素為div容器，所述div容器是在新建或者加載所述圖形用戶界面時創(chuàng)建的。10.-種圖形用戶界面的光標顯示裝置，其特征在于，所述圖形用戶界面的光標顯示裝置包括：事件監(jiān)聽模塊，用于通過為所述圖形用戶界面創(chuàng)建的文件對象模型元素監(jiān)聽事件，其中，所述文件對象模型元素為可編輯并且不可見；第一處理模塊，用于若所述事件監(jiān)聽模塊監(jiān)聽到第一圖形節(jié)點處的鼠標點擊事件，則通過所述文件對象模型元素在原始顯示位置顯示第一模擬光標；第二處理模塊，用于若所述事件監(jiān)聽模塊監(jiān)聽到所述第一圖形節(jié)點處的鍵盤事件，則通過所述文件對象模型元素接收通過所述鍵盤事件獲取到的第一輸入內(nèi)容，并且根據(jù)所述第一輸入內(nèi)容更新所述第一圖形節(jié)點處的第一正文內(nèi)容，并將所述第一模擬光標由原始顯示位置移動到當前顯示位置。11.根據(jù)權利要求10所述的光標顯示裝置，其特征在于，所述第一處理模塊包括：第一獲取單元，用于通過所述文件對象模型元素獲取所述第一圖形節(jié)點中的左上方的第一位置坐標；第二獲取單元，用于獲取所述鼠標點擊事件在所述第一圖形節(jié)點處的點擊位置以及獲取所述點擊位置處的字符相對于所述第一位置坐標的位置索引；第一確定單元，用于根據(jù)所述點擊位置與所述位置索引確定第一模擬光標的原始顯示位置。12.根據(jù)權利要求11所述的光標顯示裝置，其特征在于，所述第二獲取單元包括：第一獲取子單元，用于獲取所述位置索引相對應的所述字符的左上角的位置坐標、字符寬度、字符高度；第一確定子單元，用于根據(jù)所述點擊位置與所述字符的左上角的位置坐標、字符寬度、字符高度確定所述第一模擬光標的原始顯示位置。13.根據(jù)權利要求10所述的光標顯示裝置，其特征在于，所述光標顯示裝置還包括：第一捕獲模塊，用于若通過所述事件監(jiān)聽模塊監(jiān)聽到所述第一圖形節(jié)點處的鼠標點擊事件，則通過所述文件對象模型元素捕獲所述第一圖形節(jié)點處的第一正文內(nèi)容；同步模塊，用于將所述第一正文內(nèi)容同步到所述文件對象模型元素中。14.根據(jù)權利要求10所述的光標顯示裝置，其特征在于，所述第二處理模塊包括：第三獲取單元，用于獲取更新后的所述第一正文內(nèi)容中新增字符的第一索引；第二確定單元，用于根據(jù)所述第一索引與所述新增字符的左上角的位置坐標、字符寬度、字符高度確定所述第一模擬光標的當前顯示位置。15.根據(jù)權利要求10所述的光標顯示裝置，其特征在于，所述光標顯示裝置還包括：第一獲取模塊，用于獲取所述其它終端設備在第二圖形節(jié)點的節(jié)點索引與第二索引；確定模塊，用于根據(jù)所述節(jié)點索引與所述第二索引確定第二模擬光標在所述第二圖形節(jié)點處的顯示位置。16.根據(jù)權利要求15所述的光標顯示裝置，其特征在于，所述光標顯示裝置還包括：第二獲取模塊，用于獲取所述其它終端設備的用戶在所述第二圖形節(jié)點輸入的第二輸入內(nèi)容；更新模塊，用于根據(jù)所述第二輸入內(nèi)容更新所述第二圖形節(jié)點的第二正文內(nèi)容，并根據(jù)更新后的所述第二輸入內(nèi)容與所述第二索引更新所述第二模擬光標的顯示位置。17.根據(jù)權利要求16所述的光標顯示裝置，其特征在于，所述更新模塊包括：第四獲取單元，用于根據(jù)所述第二索引獲取更新后的所述第二正文內(nèi)容中的每個字符的左上角的位置坐標、字符寬度、字符高度；第三確定單元，用于根據(jù)所述每個字符的左上角的位置坐標、所述字符寬度、所述字符高度確定所述第二模擬光標顯示的位置。18.根據(jù)權利要求10?17任一所述的光標顯示裝置，其特征在于，所述文件對象模型元素為div容器，所述div容器是在新建或者加載所述圖形用戶界面時創(chuàng)建的?！疚臋n編號】G06F3/0488GK104049899SQ201410305947【公開日】2014年9月17日申請日期:2014年6月30日優(yōu)先權日:2014年6月30日【發(fā)明者】戰(zhàn)毅申請人:百度在線網(wǎng)絡技術（北京）有限公司