谷歌文檔textcursor

我需要創建一個類似於谷歌文檔的應用程序。我已經看到，谷歌文檔不使用任何textarea，但常規div來創建頁面。但我不知道的是他們如何設法獲得文本光標。這是一個閃爍的圖像嗎？因爲當我嘗試使用Chrome開發人員工具查看網頁代碼時，我沒有看到任何圖像。他們是如何做到的呢？谷歌文檔textcursor

Google文檔使用獨特的編輯方法。 contentEditable上沒有文本，但所有內容都使用DOM呈現。它偵聽按鍵並操縱DIV。

光標只是絕對定位的DIV，它是編程式隱藏或顯示。搜索名爲「kix-cursor-caret」的類。您可以在這裏看到它的源代碼：https://github.com/benjamn/kix-standalone

2011-10-24 14:44:35 Petr

回答