一種擴展的數(shù)據(jù)輸入裝置及方法
【專利摘要】本發(fā)明公開了一種擴展的數(shù)據(jù)輸入裝置和方法，用于通過網(wǎng)頁瀏覽器將用戶輸入的數(shù)據(jù)加載到網(wǎng)頁的輸入?yún)^(qū)域中。在本發(fā)明中，在網(wǎng)頁的輸入?yún)^(qū)域加載完成后，生成覆蓋于輸入?yún)^(qū)域上的懸浮層；在檢測到位于懸浮層的數(shù)據(jù)輸入事件后，獲取用戶的待輸入數(shù)據(jù)；根據(jù)待輸入數(shù)據(jù)的數(shù)據(jù)類型，將其據(jù)轉(zhuǎn)換成對應(yīng)的HTML元素，其中包含待輸入數(shù)據(jù)的內(nèi)容；將得到的HTML元素加載到懸浮層中，并顯示待輸入數(shù)據(jù)的內(nèi)容。本發(fā)明可以支持將拖拽、拷貝或鍵盤操作所要輸入對象，如文本、圖片、數(shù)據(jù)文件和網(wǎng)頁元素，轉(zhuǎn)換為HTML格式的數(shù)據(jù)后加載到在輸入?yún)^(qū)域上疊加的懸浮層中，這擴展了用戶的輸入的手段和數(shù)據(jù)類型，極大地提高了用戶的輸入效率，并極大地改善了用戶體驗。
【專利說明】一種擴展的數(shù)據(jù)輸入裝置及方法

【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計算機【技術(shù)領(lǐng)域】，更具體地，涉及一種擴展的數(shù)據(jù)輸入裝置及方法，用于通過網(wǎng)頁瀏覽器將用戶輸入的數(shù)據(jù)加載到網(wǎng)頁的輸入?yún)^(qū)域中。

【背景技術(shù)】
[0002]用戶在通過網(wǎng)頁瀏覽器與web服務(wù)器進行交互時，例如通過瀏覽器上傳或發(fā)布數(shù)據(jù)或者說信息時，可以在網(wǎng)頁的指定輸入?yún)^(qū)域中輸入數(shù)據(jù)內(nèi)容，并提交給服務(wù)器。
[0003]在現(xiàn)有的網(wǎng)頁中，通常提供輸入控件來接收用戶的輸入數(shù)據(jù)并提交給服務(wù)器。例如，對于純文本數(shù)據(jù)，可以文本區(qū)域控件中進行輸入；對于圖片或者文件數(shù)據(jù)，則可以通過使用文件上傳控件來選擇所需的文件進行上傳，并可以在上傳后使用從服務(wù)器返回的Url地址進行預(yù)覽/顯示，這需要用戶進行一系列煩瑣的操作后才能實現(xiàn)。
[0004]隨著用戶對瀏覽器使用體驗要求的提高，以及對操作效率要求的提高，現(xiàn)有的輸入方式，尤其是對圖片或文件的輸入，顯然是不能令人滿意的。用戶更希望采用更簡單的方式，例如通過拖拽或拷貝的方式，來上傳或發(fā)布各種數(shù)據(jù)，如文本、圖片、文件或網(wǎng)頁元素坐寸ο
[0005]但是，對于現(xiàn)有的網(wǎng)頁瀏覽器，如IE，在默認情況下并不接受用戶將圖片或文件直接拖拽或拷貝到輸入?yún)^(qū)域中。


【發(fā)明內(nèi)容】

[0006]本發(fā)明的目的在于克服現(xiàn)有技術(shù)中的至少一個缺陷。
[0007]按照本發(fā)明的一個方面，提供了一種擴展的數(shù)據(jù)輸入裝置，其配置成通過網(wǎng)頁瀏覽器將用戶輸入的數(shù)據(jù)加載到網(wǎng)頁的輸入?yún)^(qū)域中，包括:
[0008]層生成單元，其配置成在網(wǎng)頁的所述輸入?yún)^(qū)域加載完成后，生成覆蓋于所述輸入?yún)^(qū)域上的懸浮層；
[0009]數(shù)據(jù)獲取單元，其配置成在檢測到位于所述懸浮層的數(shù)據(jù)輸入事件后，獲取用戶的待輸入數(shù)據(jù)；
[0010]數(shù)據(jù)轉(zhuǎn)換單元，其配置成根據(jù)所述待輸入數(shù)據(jù)的數(shù)據(jù)類型，將所述待輸入數(shù)據(jù)轉(zhuǎn)換成對應(yīng)的HTML元素，所述HTML元素中包含所述待輸入數(shù)據(jù)的內(nèi)容；
[0011]數(shù)據(jù)加載單元，其配置成將轉(zhuǎn)換得到的所述HTML元素加載到所述懸浮層中，并顯示所述待輸入數(shù)據(jù)的內(nèi)容。
[0012]在一個實施例中，所述輸入?yún)^(qū)域由網(wǎng)頁控件或DOM對象提供，所述層生成單元配置成響應(yīng)于所述網(wǎng)頁控件或DOM對象的加載完成事件而運行。
[0013]在一個實施例中，所述數(shù)據(jù)輸入事件包括用戶向所述輸入?yún)^(qū)域的拖拽或拷貝操作，所述數(shù)據(jù)獲取單元配置成從計算機系統(tǒng)的剪貼薄訪問所述待輸入數(shù)據(jù)。
[0014]在一個實施例中，所述數(shù)據(jù)輸入事件包括用戶向所述輸入?yún)^(qū)域的鍵盤輸入操作，所述數(shù)據(jù)獲取單元配置成截取用戶的鍵盤輸入信息作為所述待輸入數(shù)據(jù)。
[0015]在一個實施例中，所述待輸入數(shù)據(jù)的輸入類型包括文本、圖片、文件和/或網(wǎng)頁元素。
[0016]在一個實施例中，所述數(shù)據(jù)轉(zhuǎn)換單元配置成響應(yīng)于所述數(shù)據(jù)輸入事件的開始而運行；并且，所述數(shù)據(jù)加載單元配置成響應(yīng)于所述數(shù)據(jù)輸入事件的結(jié)束而運行。
[0017]在一個實施例中，所述待輸入數(shù)據(jù)為文本，其中:
[0018]所述數(shù)據(jù)轉(zhuǎn)換單元配置成用對應(yīng)的HTML標簽標記所述文本的內(nèi)容，以將其轉(zhuǎn)換為對應(yīng)的HTML元素；
[0019]所述數(shù)據(jù)加載單元配置成將所述HTML元素寫入到所述懸浮層中，并顯示所述文本的內(nèi)容。
[0020]在一個實施例中，所述待輸入數(shù)據(jù)為圖片，其中:
[0021]所述數(shù)據(jù)轉(zhuǎn)換單元配置成將所述圖片上傳到服務(wù)器，并從服務(wù)器獲取所述圖片的遠程地址；并且，所述第二定制處理函數(shù)用對應(yīng)的HTML標簽標記所述圖片的遠程地址，以將其轉(zhuǎn)換為對應(yīng)的HTML元素；
[0022]所述數(shù)據(jù)加載單元配置成將所述HTML元素寫入到所述懸浮層中，并顯示所述圖片的內(nèi)容。
[0023]在一個實施例中，所述待輸入數(shù)據(jù)為文件，其中:
[0024]所述數(shù)據(jù)轉(zhuǎn)換單元配置成調(diào)用第三方接口函數(shù)將所述文件轉(zhuǎn)換為對應(yīng)的HTML元素；
[0025]所述數(shù)據(jù)加載單元配置成將所述HTML元素寫入到所述懸浮層中，并顯示所述文件的內(nèi)容。
[0026]在一個實施例中，所述待輸入數(shù)據(jù)為文件，其中:
[0027]所述數(shù)據(jù)轉(zhuǎn)換單元配置成將所述文件上傳到服務(wù)器，并從服務(wù)器獲取所述文件的遠程地址；并且，所述數(shù)據(jù)轉(zhuǎn)換單元配置成用對應(yīng)的HTML標簽標記所述文件的遠程地址，以將其轉(zhuǎn)換為對應(yīng)的HTML元素；
[0028]所述數(shù)據(jù)加載單元配置成將所述HTML元素寫入到所述懸浮層中，并顯示所述文件的內(nèi)容。
[0029]在一個實施例中，所述對應(yīng)的HTML標簽為所述網(wǎng)頁瀏覽器可識別的自定義HTML標簽；并且
[0030]所述數(shù)據(jù)加載單元配置成識別所述自定義HTML標簽，調(diào)用瀏覽器插件將所述文件顯示在所述懸浮層中，或調(diào)用計算機本地程序打開并顯示所述文件。
[0031]在一個實施例中，所述待輸入數(shù)據(jù)為網(wǎng)頁元素，其中:
[0032]所述數(shù)據(jù)轉(zhuǎn)換單元配置成將所述網(wǎng)頁元素其轉(zhuǎn)換為對應(yīng)的HTML元素；
[0033]所述數(shù)據(jù)加載單元配置成將所述HTML元素寫入到所述懸浮層中，并顯示所述網(wǎng)頁元素的內(nèi)容。
[0034]在一個實施例中，所述轉(zhuǎn)換包括空的轉(zhuǎn)換操作。
[0035]在一個實施例中，所述輸入?yún)^(qū)域為純文本輸入?yún)^(qū)域。
[0036]按照本發(fā)明的另一方面，提供了一種擴展的數(shù)據(jù)輸入方法，用于通過網(wǎng)頁瀏覽器將用戶輸入的數(shù)據(jù)加載到網(wǎng)頁的輸入?yún)^(qū)域中，該方法包括:
[0037]層生成步驟:在網(wǎng)頁的所述輸入?yún)^(qū)域加載完成后，生成覆蓋于所述輸入?yún)^(qū)域上的懸浮層;
[0038]數(shù)據(jù)獲取步驟:在檢測到位于所述懸浮層的數(shù)據(jù)輸入事件后，獲取用戶的待輸入數(shù)據(jù)；
[0039]數(shù)據(jù)轉(zhuǎn)換步驟:根據(jù)所述待輸入數(shù)據(jù)的數(shù)據(jù)類型，將所述待輸入數(shù)據(jù)轉(zhuǎn)換成對應(yīng)的HTML元素，所述HTML元素中包含所述待輸入數(shù)據(jù)的內(nèi)容；
[0040]數(shù)據(jù)加載步驟:將轉(zhuǎn)換得到的所述HTML元素加載到所述懸浮層中，并顯示所述待輸入數(shù)據(jù)的內(nèi)容。
[0041]在一個實施例中，所述輸入?yún)^(qū)域由網(wǎng)頁控件或DOM對象提供，在所述層生成步驟中，由所述網(wǎng)頁控件或DOM對象的加載完成事件觸發(fā)調(diào)用由網(wǎng)頁瀏覽器提供的第一定制處理函數(shù)來生成所述懸浮層。
[0042]在一個實施例中，所述數(shù)據(jù)輸入事件包括用戶向所述輸入?yún)^(qū)域的拖拽或拷貝操作；并且，在所述數(shù)據(jù)獲取步驟中，包括從計算機系統(tǒng)的剪貼薄訪問所述待輸入數(shù)據(jù)。
[0043]在一個實施例中，所述數(shù)據(jù)輸入事件包括用戶向所述輸入?yún)^(qū)域的鍵盤輸入操作；并且，在所述數(shù)據(jù)獲取步驟中，包括截取用戶的鍵盤輸入信息作為所述待輸入數(shù)據(jù)。
[0044]在一個實施例中，所述待輸入數(shù)據(jù)的輸入類型包括文本、圖片、文件和/或網(wǎng)頁元素。
[0045]在一個實施例中，由所述數(shù)據(jù)輸入事件的開始而觸發(fā)調(diào)用由網(wǎng)頁瀏覽器提供的第二定制處理函數(shù)來執(zhí)行所述數(shù)據(jù)轉(zhuǎn)換步驟；并且，由所述數(shù)據(jù)輸入事件的結(jié)束而觸發(fā)調(diào)用由網(wǎng)頁瀏覽器提供的第三定制處理函數(shù)來執(zhí)行所述數(shù)據(jù)加載步驟。
[0046]在一個實施例中,所述待輸入數(shù)據(jù)為文本,其中:
[0047]所述第二定制處理函數(shù)用對應(yīng)的HTML標簽標記所述文本的內(nèi)容，以將其轉(zhuǎn)換為對應(yīng)的HTML元素；
[0048]所述第三定制處理函數(shù)將所述HTML元素寫入到所述懸浮層中，并顯示所述文本的內(nèi)容。
[0049]在一個實施例中，所述待輸入數(shù)據(jù)為圖片，其中:
[0050]所述第二定制處理函數(shù)將所述圖片上傳到服務(wù)器，并從服務(wù)器獲取所述圖片的遠程地址；并且，所述第二定制處理函數(shù)用對應(yīng)的HTML標簽標記所述圖片的遠程地址，以將其轉(zhuǎn)換為對應(yīng)的HTML元素；
[0051]所述第三定制處理函數(shù)將所述HTML元素寫入到所述懸浮層中，并顯示所述圖片的內(nèi)容。
[0052]在一個實施例中，所述待輸入數(shù)據(jù)為文件，其中:
[0053]所述第二定制處理函數(shù)調(diào)用第三方接口函數(shù)將所述文件轉(zhuǎn)換為對應(yīng)的HTML元素；
[0054]所述第三定制處理函數(shù)將所述HTML元素寫入到所述懸浮層中，并顯示所述文件的內(nèi)容。
[0055]在一個實施例中，所述待輸入數(shù)據(jù)為文件，其中:
[0056]所述第二定制處理函數(shù)將所述文件上傳到服務(wù)器，并從服務(wù)器獲取所述文件的遠程地址；并且，所述第二定制處理函數(shù)用對應(yīng)的HTML標簽標記所述文件的遠程地址，以將其轉(zhuǎn)換為對應(yīng)的HTML元素；
[0057]所述第三定制處理函數(shù)將所述HTML元素寫入到所述懸浮層中，并顯示所述文件的內(nèi)容。
[0058]在一個實施例中，所述對應(yīng)的HTML標簽為所述網(wǎng)頁瀏覽器可識別的自定義HTML標簽；并且
[0059]所述第三定制處理函數(shù)識別所述自定義HTML標簽，調(diào)用瀏覽器插件將所述文件顯示在所述懸浮層中，或調(diào)用計算機本地程序打開并顯示所述文件。
[0060]在一個實施例中，所述待輸入數(shù)據(jù)為網(wǎng)頁元素，其中:
[0061]所述第二定制處理函數(shù)將所述網(wǎng)頁元素其轉(zhuǎn)換為對應(yīng)的HTML元素；
[0062]所述第三定制處理函數(shù)將所述HTML元素寫入到所述懸浮層中，并顯示所述網(wǎng)頁元素的內(nèi)容。
[0063]在一個實施例中，所述轉(zhuǎn)換包括空的轉(zhuǎn)換操作。
[0064]在一個實施例中，所述輸入?yún)^(qū)域為純文本輸入?yún)^(qū)域。
[0065]本發(fā)明的擴展的數(shù)據(jù)輸入方法和裝置可以支持將拖拽、拷貝或鍵盤操作所要輸入對象，如文本、圖片、數(shù)據(jù)文件和網(wǎng)頁元素，轉(zhuǎn)換為HTML格式的數(shù)據(jù)后加載到在輸入?yún)^(qū)域上疊加的懸浮層中，這擴展了用戶的輸入的手段和數(shù)據(jù)類型，極大地提高了用戶的輸入效率，并極大地改善了用戶體驗。

【專利附圖】

【附圖說明】
[0066]圖1示出了按照本發(fā)明的擴展的數(shù)據(jù)輸入方法的一個實施例的流程圖；
[0067]圖2示出了按照本發(fā)明的擴展的數(shù)據(jù)輸入裝置的一個實施例的結(jié)構(gòu)示意圖。

【具體實施方式】
[0068]下面結(jié)合附圖和【具體實施方式】對本發(fā)明進一步詳細描述。
[0069]如圖1所示的本發(fā)明的擴展的數(shù)據(jù)輸入方法的一個實施例，用于用戶通過網(wǎng)頁瀏覽器向網(wǎng)頁的輸入?yún)^(qū)域輸入數(shù)據(jù)。
[0070]步驟100是層生成步驟，用于在網(wǎng)頁的目標輸入?yún)^(qū)域加載完成后，生成覆蓋于該輸入?yún)^(qū)域上的懸浮層101。通常，網(wǎng)頁的輸入?yún)^(qū)域可以由網(wǎng)頁控件或DOM對象提供。網(wǎng)頁控件或DOM對象在網(wǎng)頁瀏覽器中加載完成后，會有相應(yīng)的加載完成事件被觸發(fā)，如OnLoad事件或ContentReady事件。在該加載完成事件觸發(fā)后，則可以調(diào)用由網(wǎng)頁瀏覽器提供的第一定制處理函數(shù)。該第一定制處理函數(shù)可以是在網(wǎng)頁瀏覽器處預(yù)先編制好的，用于生成該懸浮層101。在另一個實施例中，也可以是在包括該輸入?yún)^(qū)域的整個HTML網(wǎng)頁都加載完成后再生成所需的懸浮層101，此時，該生成操作可以由整個網(wǎng)頁的加載完成事件如DocumentReady的觸發(fā)來調(diào)用第一定制處理函數(shù)來實現(xiàn)。第一定制處理函數(shù)可以生成一個附加的DIV層疊加在該輸入?yún)^(qū)域之上作為懸浮層101。這樣，用戶向該輸入?yún)^(qū)域的輸入操作和輸入數(shù)據(jù)則由該懸浮層101先接收，而從用戶的角度來看，則感覺依然是輸入到了原有的輸入?yún)^(qū)域中。
[0071]需要注意的是，當網(wǎng)頁瀏覽器采用IE內(nèi)核時，IE默認情況下禁止通過拖拽或拷貝的方式向DIV層輸入或?qū)懭雰?nèi)容。因此，在步驟100中生成該懸浮層101時，需要使得該懸浮層101屏蔽系統(tǒng)的默認處理，以允許向該懸浮層101輸入數(shù)據(jù)。
[0072]步驟200為數(shù)據(jù)獲取步驟，用于在檢測到位于懸浮層101的數(shù)據(jù)輸入事件后，獲取用戶的待輸入數(shù)據(jù)。如前所述，用戶在通過網(wǎng)頁瀏覽器向網(wǎng)頁的該輸入?yún)^(qū)域輸入數(shù)據(jù)時，該數(shù)據(jù)輸入事件實際上是發(fā)生在步驟100中生成的懸浮層101上。在實際操作中，用戶可以通過拖拽201、拷貝202或者鍵盤輸入203等操作進行數(shù)據(jù)輸入，這些操作會產(chǎn)生對應(yīng)的數(shù)據(jù)輸入事件。而用戶的輸入數(shù)據(jù)的類型可能是文本210、圖片211、文件212或網(wǎng)頁元素213，
坐坐寸寸ο
[0073]用戶可以對用戶本地計算機上的文本210、圖片211或文件212、或者網(wǎng)頁上的元素213作為待輸入數(shù)據(jù)進行拖拽或拷貝操作，以期將其輸入到當前的輸入?yún)^(qū)域中。在用戶進行拖拽或拷貝操作時，所操作的對象會被拷貝到計算機系統(tǒng)的剪貼薄中。因此，在步驟200中，可以通過訪問計算機系統(tǒng)的剪貼薄來獲取用戶的待輸入數(shù)據(jù)。
[0074]用戶還可以通過計算機的鍵盤來輸入數(shù)據(jù)，例如文本210。此時，可以通過監(jiān)聽用戶的鍵盤操作來獲取用戶的輸入數(shù)據(jù)。這例如可以利用IE開發(fā)中使用的WebBrowser類來實現(xiàn)，其中的ProcessCmdKey方法會在相應(yīng)的鍵按下時做相應(yīng)的操作，從而可以截取到用戶的輸入信息，實現(xiàn)對用戶輸入的鍵盤信息的獲取，從而可以獲取到用戶輸入的文本110作為待輸入數(shù)據(jù)。
[0075]在步驟200中獲取到用戶的待輸入數(shù)據(jù)后，則執(zhí)行數(shù)據(jù)轉(zhuǎn)換步驟300，以便根據(jù)待輸入數(shù)據(jù)的數(shù)據(jù)類型210?213，將其轉(zhuǎn)換成對應(yīng)的HTML元素，在轉(zhuǎn)換得到的HTML元素中應(yīng)該包含有所需要的待輸入數(shù)據(jù)的內(nèi)容。在圖1中，以簡單的示例表示了各種數(shù)據(jù)類型210?213轉(zhuǎn)換后的對應(yīng)的HTML元素的格式310?313。
[0076]最后，在數(shù)據(jù)加載步驟400中，將轉(zhuǎn)換得到的HTML元素310?313加載或者說寫入到懸浮層101中，并顯示待輸入數(shù)據(jù)的內(nèi)容。
[0077]在實際工作過程中，數(shù)據(jù)轉(zhuǎn)換步驟300可以由數(shù)據(jù)輸入事件的開始而觸發(fā)調(diào)用第二定制處理函數(shù)來實現(xiàn)，數(shù)據(jù)加載步驟400可以由數(shù)據(jù)輸入事件的結(jié)束而觸發(fā)調(diào)用第三定制處理函數(shù)來實現(xiàn)。該第二定制處理函數(shù)和第三定制處理函數(shù)可以是在網(wǎng)頁瀏覽器處預(yù)先編制好的。例如，當進行拖拽操作輸入時，可以由拖拽開始事件ondragstart的觸發(fā)來調(diào)用第二定制處理函數(shù)，而由拖拽釋放事件ondrop的觸發(fā)來調(diào)用第三定制處理函數(shù)；當進行拷貝輸入操作時，可以由拷貝事件oncopy的觸發(fā)來調(diào)用第二定制處理函數(shù)，而由粘貼事件onpaste的觸發(fā)來調(diào)用第三定制處理函數(shù)。其中，表示數(shù)據(jù)輸入的結(jié)束的ondrop或onpaste事件對應(yīng)的第三定制處理函數(shù)可以作為<div>標簽的事件屬性而在生成該懸浮層101時進行定義。
[0078]下面針對不同的數(shù)據(jù)類型210?213詳細說明數(shù)據(jù)轉(zhuǎn)換步驟300和數(shù)據(jù)加載步驟400。
[0079]I)當待輸入數(shù)據(jù)是文本210時
[0080]在數(shù)據(jù)轉(zhuǎn)換步驟300中，可以由第二定制處理函數(shù)用對應(yīng)的HTML標簽來標記該文本210的內(nèi)容。例如，如圖1所示,可以用標簽〈font〉來標識文本類型的待輸入數(shù)據(jù)a，從而將其轉(zhuǎn)換成對應(yīng)的HTML元素310。
[0081 ] 在數(shù)據(jù)加載步驟400中，可以由第三定制處理函數(shù)將HTML元素310寫入到懸浮層101中，并顯示該文本的內(nèi)容a。
[0082]在其它實施例中，也可以采用其它的HTML元素的格式，例如可以用〈span〉標簽來標記文本數(shù)據(jù)。
[0083]在該HTML元素310中，還可以用size、style等屬性來對文本的顯示如字體大小、顯示方式等進行配置。因此，本發(fā)明可以支持有格式的文本作為待輸入數(shù)據(jù)。
[0084]2)當待輸入數(shù)據(jù)是圖片211時
[0085]在數(shù)據(jù)轉(zhuǎn)換步驟300中，可以由第二定制處理函數(shù)將圖片211上傳到服務(wù)器(如圖床服務(wù)器)，并從服務(wù)器獲取圖片211在服務(wù)器上的遠程地址url。并且，第二定制處理函數(shù)用對應(yīng)的HTML標簽標記該圖片211的遠程地址url。例如，如圖1所示，可以用標簽<img>來標識該圖片211，并用src屬性來指向該圖片211的遠程地址url，從而將其轉(zhuǎn)換成對應(yīng)的HTML元素311。
[0086]在數(shù)據(jù)加載步驟400中，可以由第三定制處理函數(shù)將該HTML元素311寫入到懸浮層101中，并顯示該圖片211的內(nèi)容。
[0087]在其它實施例中，也可以采用其它的HTML元素的格式，例如可以用<div>標簽來標記該圖片211。
[0088]在該HTML元素311中，還可以用style等屬性來對圖片211顯示方式如圖片大小、位置等進行配置。
[0089]3)當待輸入數(shù)據(jù)是文件212時
[0090]3.1)當該文件212例如是excel或word等文件時:
[0091]在數(shù)據(jù)轉(zhuǎn)換步驟300中，可以由第二定制處理函數(shù)調(diào)用第三方接口函數(shù)來將該文件212轉(zhuǎn)換成對應(yīng)的HTML元素312。
[0092]在數(shù)據(jù)加載步驟400中，可以由第三定制處理函數(shù)將該HTML元素312寫入到懸浮層101中，并顯示該文件212的內(nèi)容。
[0093]3.2)當該文件212例如是PPT或PDF等文件時，可以采用類似于前面所述的對于圖片211的處理方式:
[0094]在數(shù)據(jù)轉(zhuǎn)換步驟300中，可以由第二定制處理函數(shù)將該文件212上傳到服務(wù)器(例如文件服務(wù)器)，并從服務(wù)器獲取該文件212在服務(wù)器上的遠程地址url。并且，第二定制處理函數(shù)可以用網(wǎng)頁瀏覽器可識別的自定義HTML標簽如<PPT>、<pdf>等標記文件212的該遠程地址url，以將其轉(zhuǎn)換為對應(yīng)的HTML元素312。
[0095]在數(shù)據(jù)加載步驟400中，可以由第三定制處理函數(shù)識別前述的自定義HTML標簽，將該HTML元素312寫入到懸浮層101中。在顯示時，根據(jù)該遠程地址url從服務(wù)器下載對應(yīng)的文件212，并調(diào)用瀏覽器插件將該文件212的內(nèi)容顯示在懸浮層101中，或調(diào)用計算機本地程序打開并顯示該文件212。
[0096]4)如果待輸入數(shù)據(jù)是網(wǎng)頁元素213時
[0097]由于該網(wǎng)頁元素213本身即為HTML格式的元素，因此可以直接使用，而不必進行轉(zhuǎn)換。
[0098]處于處理方法的統(tǒng)一性考慮，在數(shù)據(jù)轉(zhuǎn)換步驟300中，可以由第二定制處理函數(shù)執(zhí)行一個空的轉(zhuǎn)換操作，使得轉(zhuǎn)換后的HTML元素313與該網(wǎng)頁元素213保持一致。在其它實施例中，可以對網(wǎng)頁元素213進行轉(zhuǎn)換或修改而獲得對應(yīng)的HTML元素313，以滿足實際工作時對網(wǎng)頁元素213的顯示或布局的要求。
[0099]在數(shù)據(jù)加載步驟400中，可以由第三定制處理函數(shù)將HTML元素313寫入到所述懸浮層中，并顯示網(wǎng)頁元素213或者說HTML元素313的內(nèi)容。
[0100]前述的輸入?yún)^(qū)域可以為純文本輸入?yún)^(qū)域，其在默認情況下僅接收用戶輸入的純文本。通過本發(fā)明的方法，用戶可以通過拖拽、拷貝或鍵盤輸入等方式輸入格式文本、圖片、文件或網(wǎng)頁元素等輸入數(shù)據(jù)，極大地提高了用戶的輸入效率，并極大地改善了用戶體驗。
[0101]如圖2所示的本發(fā)明的擴展的數(shù)據(jù)輸入裝置的一個實施例，其配置成通過網(wǎng)頁瀏覽器將用戶輸入的數(shù)據(jù)加載到網(wǎng)頁的輸入?yún)^(qū)域中。該數(shù)據(jù)輸入裝置可以包括層生成單元10、數(shù)據(jù)獲取單元20、數(shù)據(jù)轉(zhuǎn)換單元30和數(shù)據(jù)加載單元40。
[0102]該層生成單元10可以配置成在網(wǎng)頁的輸入?yún)^(qū)域11加載完成后，生成覆蓋于輸入?yún)^(qū)域11上的懸浮層101。該輸入?yún)^(qū)域11可以由網(wǎng)頁控件或DOM對象提供，在加載完成后會觸發(fā)一個對應(yīng)的加載完成事件12，層生成單元10可以響應(yīng)于該加載完成事件12而運行，以生成懸浮層101。該層生成單元10可以按照前述的本發(fā)明的數(shù)據(jù)輸入方法中的第一定制處理函數(shù)的處理方式來運行，以生成所需的懸浮層101。
[0103]當用于意圖向輸入?yún)^(qū)域11輸入數(shù)據(jù)時，即發(fā)生數(shù)據(jù)輸入事件21時，由于懸浮層101是覆蓋在輸入?yún)^(qū)域11之上，因此，該數(shù)據(jù)輸入事件21會被懸浮層101接收。該數(shù)據(jù)獲取單元20檢測到位于懸浮層101的數(shù)據(jù)輸入事件21后，則按照前述的本發(fā)明的數(shù)據(jù)輸入方法中對不同數(shù)據(jù)輸入事件的處理，從剪貼薄22或者用戶的鍵盤輸入23中獲取用戶的待輸入數(shù)據(jù)。
[0104]數(shù)據(jù)轉(zhuǎn)換單元30根據(jù)數(shù)據(jù)轉(zhuǎn)換單元30所獲取的待輸入數(shù)據(jù)的數(shù)據(jù)類型，將該待輸入數(shù)據(jù)轉(zhuǎn)換成對應(yīng)的HTML元素，該HTML元素中包含待輸入數(shù)據(jù)的內(nèi)容。該數(shù)據(jù)轉(zhuǎn)換單元30可以按照前述的本發(fā)明的數(shù)據(jù)輸入方法中的第二定制處理函數(shù)的處理方式來運行，根據(jù)不同的數(shù)據(jù)類型，將待輸入數(shù)據(jù)轉(zhuǎn)換成對應(yīng)的HTML元素。
[0105]數(shù)據(jù)加載單元40將數(shù)據(jù)轉(zhuǎn)換單元30轉(zhuǎn)換得到的HTML元素加載到懸浮層101中，并顯示待輸入數(shù)據(jù)的內(nèi)容。該數(shù)據(jù)加載單元40可以按照前述的本發(fā)明的數(shù)據(jù)輸入方法中的第三定制處理函數(shù)的處理方式來運行，將所述HTML元素寫入到所述懸浮層中，并顯示其內(nèi)容。
[0106]上述本發(fā)明實施例中的方法、裝置和服務(wù)器適用于各種網(wǎng)絡(luò)或者客戶端環(huán)境中，例如可以實現(xiàn)在諸如個人計算機設(shè)備之類的計算機設(shè)備中，或者可以實現(xiàn)在諸如移動電話、移動通信設(shè)備、個人數(shù)字助理(PDA)等其他便攜式電子設(shè)備或者非便攜式電子設(shè)備中。因此本領(lǐng)域技術(shù)人員要明確的是，本發(fā)明的保護范圍并不限于PC上運行瀏覽器中的數(shù)據(jù)輸入功能，僅是出于描述的簡潔和方便而在本發(fā)明實施例中采用了 PC上運行瀏覽器中的數(shù)據(jù)輸入功能進行描述。
[0107]以上實施例僅用于說明本發(fā)明的技術(shù)方案，并不用于限制本發(fā)明的保護范圍。在不脫離本發(fā)明技術(shù)方案的精神和范圍的情況下，本領(lǐng)域技術(shù)人員可以對本發(fā)明的技術(shù)方案進行各種修改或者變型。
【權(quán)利要求】
1.一種擴展的數(shù)據(jù)輸入裝置，其配置成通過網(wǎng)頁瀏覽器將用戶輸入的數(shù)據(jù)加載到網(wǎng)頁的輸入?yún)^(qū)域中，包括: 層生成單元，其配置成在網(wǎng)頁的所述輸入?yún)^(qū)域加載完成后，生成覆蓋于所述輸入?yún)^(qū)域上的懸浮層； 數(shù)據(jù)獲取單元，其配置成在檢測到位于所述懸浮層的數(shù)據(jù)輸入事件后，獲取用戶的待輸入數(shù)據(jù)； 數(shù)據(jù)轉(zhuǎn)換單元，其配置成根據(jù)所述待輸入數(shù)據(jù)的數(shù)據(jù)類型，將所述待輸入數(shù)據(jù)轉(zhuǎn)換成對應(yīng)的HTML元素，所述HTML元素中包含所述待輸入數(shù)據(jù)的內(nèi)容； 數(shù)據(jù)加載單元，其配置成將轉(zhuǎn)換得到的所述HTML元素加載到所述懸浮層中，并顯示所述待輸入數(shù)據(jù)的內(nèi)容。
2.根據(jù)權(quán)利要求1所述的數(shù)據(jù)輸入裝置，其特征在于，所述輸入?yún)^(qū)域由網(wǎng)頁控件或DOM對象提供，所述層生成單元配置成響應(yīng)于所述網(wǎng)頁控件或DOM對象的加載完成事件而運行。
3.根據(jù)權(quán)利要求1或2所述的數(shù)據(jù)輸入裝置，其特征在于，所述數(shù)據(jù)輸入事件包括用戶向所述輸入?yún)^(qū)域的拖拽或拷貝操作，所述數(shù)據(jù)獲取單元配置成從計算機系統(tǒng)的剪貼薄訪問所述待輸入數(shù)據(jù)。
4.根據(jù)權(quán)利要求1-3中任一項所述的數(shù)據(jù)輸入裝置，其特征在于，所述數(shù)據(jù)輸入事件包括用戶向所述輸入?yún)^(qū)域的鍵盤輸入操作，所述數(shù)據(jù)獲取單元配置成截取用戶的鍵盤輸入信息作為所述待輸入數(shù)據(jù)。
5.根據(jù)權(quán)利要求1-4中任一項所述的數(shù)據(jù)輸入裝置，其特征在于，所述待輸入數(shù)據(jù)的數(shù)據(jù)類型包括文本、圖片、文件和/或網(wǎng)頁元素。
6.一種擴展的數(shù)據(jù)輸入方法，用于通過網(wǎng)頁瀏覽器將用戶輸入的數(shù)據(jù)加載到網(wǎng)頁的輸入?yún)^(qū)域中，其特征在于，該方法包括: 層生成步驟:在網(wǎng)頁的所述輸入?yún)^(qū)域加載完成后，生成覆蓋于所述輸入?yún)^(qū)域上的懸浮層； 數(shù)據(jù)獲取步驟:在檢測到位于所述懸浮層的數(shù)據(jù)輸入事件后，獲取用戶的待輸入數(shù)據(jù)； 數(shù)據(jù)轉(zhuǎn)換步驟:根據(jù)所述待輸入數(shù)據(jù)的數(shù)據(jù)類型，將所述待輸入數(shù)據(jù)轉(zhuǎn)換成對應(yīng)的HTML元素，所述HTML元素中包含所述待輸入數(shù)據(jù)的內(nèi)容； 數(shù)據(jù)加載步驟:將轉(zhuǎn)換得到的所述HTML元素加載到所述懸浮層中，并顯示所述待輸入數(shù)據(jù)的內(nèi)容。
7.根據(jù)權(quán)利要求6所述的數(shù)據(jù)輸入方法，其特征在于，所述輸入?yún)^(qū)域由網(wǎng)頁控件或DOM對象提供，在所述層生成步驟中，由所述網(wǎng)頁控件或DOM對象的加載完成事件觸發(fā)調(diào)用由網(wǎng)頁瀏覽器提供的第一定制處理函數(shù)來生成所述懸浮層。
8.根據(jù)權(quán)利要求6或7所述的數(shù)據(jù)輸入方法，其特征在于，所述數(shù)據(jù)輸入事件包括用戶向所述輸入?yún)^(qū)域的拖拽或拷貝操作；并且，在所述數(shù)據(jù)獲取步驟中，包括從計算機系統(tǒng)的剪貼薄訪問所述待輸入數(shù)據(jù)。
9.根據(jù)權(quán)利要求6-8中任一項所述的數(shù)據(jù)輸入方法，其特征在于，所述數(shù)據(jù)輸入事件包括用戶向所述輸入?yún)^(qū)域的鍵盤輸入操作；并且，在所述數(shù)據(jù)獲取步驟中，包括截取用戶的鍵盤輸入信息作為所述待輸入數(shù)據(jù)。
10.根據(jù)權(quán)利要求6-9中任一項所述的數(shù)據(jù)輸入方法，其特征在于，所述待輸入數(shù)據(jù)的數(shù)據(jù)類型包括文本、圖片、文件和/或網(wǎng)頁元素。
【文檔編號】G06F17/30GK104331215SQ201410542470
【公開日】2015年2月4日 申請日期:2012年6月29日 優(yōu)先權(quán)日:2012年6月29日
【發(fā)明者】唐曦, 陳志 , 李鳴, 任寰 申請人:北京奇虎科技有限公司, 奇智軟件（北京）有限公司