在瀏覽器中自動調(diào)整輸入框位置的方法及系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計算機(jī)網(wǎng)絡(luò)領(lǐng)域，更為具體而言，涉及一種在瀏覽器中自動調(diào)整輸入框位置的方法及系統(tǒng)。
【背景技術(shù)】
[0002]隨著網(wǎng)絡(luò)的發(fā)展，人們可以通過網(wǎng)絡(luò)處理越來越多的事情，用戶在使用瀏覽器上網(wǎng)時經(jīng)常需要在輸入框內(nèi)輸入內(nèi)容，譬如密碼輸入框，內(nèi)容輸入框等等；然而，由于有些網(wǎng)頁的內(nèi)容較多，輸入框只能出現(xiàn)在網(wǎng)頁的中部或者底部，當(dāng)用戶需要在輸入框內(nèi)輸入內(nèi)容的時候，一方面比較難找到輸入框，另外輸入框由于在網(wǎng)頁底部，所以需要用戶自行調(diào)整頁面，操作很不方便，導(dǎo)致處理效率較低和上網(wǎng)體驗度差。
[0003]因此，為了解決當(dāng)前用戶在上網(wǎng)時需要自行調(diào)整輸入框位置所導(dǎo)致的操作不便的問題，亟需一種在瀏覽器中自動調(diào)整輸入框位置的方法及系統(tǒng)。

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

[0004]為了解決當(dāng)前用戶在上網(wǎng)時需要自行調(diào)整輸入框位置所導(dǎo)致的操作不便的問題，本發(fā)明的實施方式提供了一種在瀏覽器中自動調(diào)整輸入框位置的方法及系統(tǒng)。
[0005]一方面，本發(fā)明實施方式提供了一種在瀏覽器中自動調(diào)整輸入框位置的方法，所述方法包括:
[0006]獲取輸入光標(biāo)的坐標(biāo)值和瀏覽器的窗口坐標(biāo)值；
[0007]根據(jù)所述輸入光標(biāo)的坐標(biāo)值和瀏覽器的窗口坐標(biāo)值調(diào)整輸入框在瀏覽器窗口中的位置。
[0008]相應(yīng)的，本發(fā)明實施方式還提供了一種在瀏覽器中自動調(diào)整輸入框位置的系統(tǒng)，所述系統(tǒng)包括:
[0009]獲取模塊，用于獲取輸入光標(biāo)的坐標(biāo)值和瀏覽器的窗口坐標(biāo)值；
[0010]調(diào)整模塊，用于根據(jù)所述輸入光標(biāo)的坐標(biāo)值和瀏覽器的窗口坐標(biāo)值調(diào)整輸入框在瀏覽器窗口中的位置。
[0011]實施本發(fā)明的各種實施方式具有以下有益效果:可自動調(diào)整瀏覽器中輸入框的位置，從而提高用戶上網(wǎng)的輸入效率和用戶體驗度。
【附圖說明】
[0012]圖1是根據(jù)本發(fā)明實施方式的在瀏覽器中自動調(diào)整輸入框位置的方法的流程圖；
[0013]圖2示出了圖1所示方法的步驟SI的具體流程圖；
[0014]圖3示出了圖2所示方法的步驟Sll的具體流程圖；
[0015]圖4示出了圖1所示方法的步驟S2的具體流程圖；
[0016]圖5示出了圖1所示方法的步驟S2的另一流程圖；
[0017]圖6是根據(jù)本發(fā)明實施方式的在瀏覽器中自動調(diào)整輸入框位置的系統(tǒng)的架構(gòu)圖；
[0018]圖7示出了圖6所示的獲取模塊100的框圖；
[0019]圖8示出了圖7所示的光標(biāo)坐標(biāo)獲取子模塊110的框圖；
[0020]圖9示出了圖8所示的輸入框判斷單元111的框圖；
[0021]圖10示出了圖6所示的調(diào)整模塊200的框圖。
【具體實施方式】
[0022]以下結(jié)合附圖和【具體實施方式】對本發(fā)明的各個方面進(jìn)行詳細(xì)闡述。其中，眾所周知的模塊、單元及其相互之間的連接、鏈接、通信或操作沒有示出或未作詳細(xì)說明。并且，所描述的特征、架構(gòu)或功能可在一個或一個以上實施方式中以任何方式組合。本領(lǐng)域技術(shù)人員應(yīng)當(dāng)理解，下述的各種實施方式只用于舉例說明，而非用于限制本發(fā)明的保護(hù)范圍。還可以容易理解，本文所述和附圖所示的各實施方式中的模塊或單元或處理方式可以按各種不同配置進(jìn)行組合和設(shè)計。
[0023]圖1是根據(jù)本發(fā)明實施方式的消息監(jiān)控方法的流程圖；參見圖1，所述方法包括:
[0024]SI，獲取輸入光標(biāo)的坐標(biāo)值和瀏覽器的窗口坐標(biāo)值；
[0025]S2，根據(jù)所述輸入光標(biāo)的坐標(biāo)值和瀏覽器的窗口坐標(biāo)值調(diào)整輸入框在瀏覽器窗口中的位置。
[0026]通過采用本發(fā)明實施方式所述的方法可自動調(diào)整瀏覽器中輸入框的位置，從而提高用戶上網(wǎng)的輸入效率和用戶體驗度。
[0027]圖2示出了圖1所示方法的步驟SI的具體流程圖；參見圖2，所述步驟SI包括:
[0028]S11，瀏覽器插件判斷網(wǎng)頁中是否存在所述輸入框；
[0029]S12，如果所述網(wǎng)頁中存在所述輸入框，則監(jiān)聽所述輸入框的輸入事件，可采用JavaScript函數(shù)OnMouseDown監(jiān)聽輸入框的輸入事件；
[0030]S13，當(dāng)監(jiān)聽到所述輸入框發(fā)生輸入動作時，則OnMouseDown函數(shù)可接收所述輸入事件，所述輸入事件的參數(shù)包含輸入光標(biāo)的坐標(biāo)值mousevalue (x, y)。
[0031]圖3示出了圖2所示方法的步驟Sll的具體流程圖；參見圖3，所述步驟Sll包括:
[0032]S111，所述瀏覽器插件遍歷所述網(wǎng)頁的內(nèi)容，查找所述網(wǎng)頁的內(nèi)容中是否含有輸入標(biāo)簽(即〈input〉標(biāo)簽);
[0033]S112，根據(jù)所述網(wǎng)頁的內(nèi)容中含有所述輸入標(biāo)簽的查找結(jié)果判斷出所述網(wǎng)頁中存在輸入框。
[0034]圖4示出了圖1所示方法的步驟S2的具體流程圖；參見圖4，所述步驟S2包括:
[0035]S211，將所述輸入光標(biāo)的坐標(biāo)值mousevalue (X，y)與所述瀏覽器的窗口坐標(biāo)值window(xl, yl)進(jìn)行比較，其中，所述瀏覽器的窗口坐標(biāo)值window(xl, yl)的獲取可通過windows 的 api 函數(shù)(GetWindowWidth 函數(shù)和 GetWindowHeight 函數(shù))；
[0036]S212，根據(jù)所述比較的結(jié)果，通過所述瀏覽器插件自動調(diào)整瀏覽器窗口的垂直滾動條以對所述輸入框在所述瀏覽器窗口中的位置進(jìn)行調(diào)整。
[0037]圖5示出了圖1所示方法的步驟S2的另一流程圖；參見圖5，所述步驟S2包括:
[0038]S221，將所述輸入光標(biāo)的縱坐標(biāo)值mousevalue (X，y)與所述窗口坐標(biāo)的底端縱坐標(biāo)值window (xl, yl)進(jìn)行比較；
[0039]S222,獲取所述輸入光標(biāo)的縱坐標(biāo)值mousevalue (x, y)與所述窗口坐標(biāo)的底端縱坐標(biāo)值 window (xl, yl)之差 yl_y ;
[0040]S223，判斷所述差是否小于第一預(yù)定值(例如:5px (像素))；
[0041]S224，所述差小于所述第一預(yù)定值，則所述瀏覽器插件自動調(diào)整瀏覽器的垂直條以使調(diào)整后的所述輸入光標(biāo)的縱坐標(biāo)值mousevalue (x, y)與所述窗口坐標(biāo)的底端縱坐標(biāo)值window (xl, yl)之差yl_y不小于第二預(yù)定值，其中，所述第一預(yù)定值小于所述第二預(yù)定值(例如:15px(像素))，例如:當(dāng)yl-y〈5px(像素)時，則瀏覽器插件自動調(diào)整瀏覽器窗口的垂直滾動條，調(diào)整到y(tǒng)l-y> = 15px(像素)即可。
[0042]圖6是根據(jù)本發(fā)明實施方式的在瀏覽器中自動調(diào)整輸入框位置的系統(tǒng)I的架構(gòu)圖；參見圖6，所述系統(tǒng)I包括:
[0043]獲取模塊100，用于獲取輸入光標(biāo)的坐標(biāo)值和瀏覽器的窗口坐標(biāo)值；
[0044]調(diào)整模塊200，用于根據(jù)所述輸入光標(biāo)的坐標(biāo)值和瀏覽器的窗口坐標(biāo)值調(diào)整輸入框在瀏覽器窗口中的位置。
[0045]通過采用本發(fā)明實施方式所述的系統(tǒng)可自動調(diào)整瀏覽器中輸入框的位置，從而提高用戶上網(wǎng)的輸入效率和用戶體驗度。
[0046]圖7示出了圖6所示的獲取模塊100的框圖；參見圖7，所述獲取模塊100包括:
[0047]光標(biāo)坐標(biāo)獲取子模塊110，用于獲取輸入光標(biāo)的坐標(biāo)值mousevalue (x, y)，；
[0048]窗口坐標(biāo)獲取子模塊120，用于獲取瀏覽器的窗口坐標(biāo)值window (xl, yl),其中，所述瀏覽器的窗口坐標(biāo)值window (xl, yl)的獲取可通過windows的api函數(shù)(Getffindowffidth 函數(shù)和 GetWindowHeight 函數(shù))。
[0049]圖8示出了圖7所示的光標(biāo)坐標(biāo)獲取子模塊110的框圖；參見圖8，所述光標(biāo)坐標(biāo)獲取子模塊110包括:
[0050]輸入框判斷單元111，用于瀏覽器插件判斷網(wǎng)頁中是否存在所述