用戶終端設(shè)備中html頁面調(diào)用本地鍵盤的方法及其裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及通信領(lǐng)域,特別涉及一種用戶終端設(shè)備中超文本標(biāo)記語言(HyperText Makeup Language,簡稱“HTML”)頁面調(diào)用本地鍵盤的技術(shù)。
【背景技術(shù)】
[0002]在對網(wǎng)頁進(jìn)行信息輸入的過程中,有些信息用特殊的鍵盤輸入才可以確保安全性或者提高輸入效率,如一些賬戶密碼或網(wǎng)銀密碼的輸入,以及身份證號碼的輸入等等。但是,目前存在一些用戶終端,其自身系統(tǒng)的限制導(dǎo)致其無法在HTML頁面調(diào)用部分系統(tǒng)自帶的鍵盤和自定義的鍵盤,例如,使用1S系統(tǒng)的移動終端不能在HTML5頁面中調(diào)用本地自定義的鍵盤和部分移動終端自帶的鍵盤。
【發(fā)明內(nèi)容】
[0003]本發(fā)明的目的在于提供一種用戶終端設(shè)備中HTML頁面調(diào)用本地鍵盤的方法及其裝置,以解決無法在HTML頁面調(diào)用系統(tǒng)自帶的鍵盤和自定義的鍵盤的問題。
[0004]為解決上述技術(shù)問題,本發(fā)明的實(shí)施方式公開了一種用戶終端設(shè)備中HTML頁面調(diào)用本地鍵盤的方法,包括以下步驟:
[0005]用戶終端設(shè)備加載HTML頁面時對該HTML頁面進(jìn)行分析,如果存在需要調(diào)用本地鍵盤的具有識別標(biāo)識的頁面輸入框,則在每個具有識別標(biāo)識的頁面輸入框處生成本地輸入框,其中,所述本地輸入框覆蓋位于同一位置的頁面輸入框;
[0006]設(shè)置每個本地輸入框需調(diào)用的本地鍵盤的類型;
[0007]將本地輸入框通過對應(yīng)的本地鍵盤接收到的輸入信息傳輸給當(dāng)前HTML頁面。
[0008]本發(fā)明的實(shí)施方式還公開了一種用戶終端設(shè)備中HTML頁面調(diào)用本地鍵盤的裝置,包括:
[0009]分析單元,用于在用戶終端設(shè)備加載HTML頁面時對該HTML頁面進(jìn)行分析,判斷是否存在需要調(diào)用本地鍵盤的具有識別標(biāo)識的頁面輸入框;
[0010]生成單元,用于在上述分析單元的判斷結(jié)果為是時,在每個具有識別標(biāo)識的頁面輸入框處生成本地輸入框,其中,本地輸入框覆蓋位于同一位置的頁面輸入框;
[0011]設(shè)置單元,用于設(shè)置每個本地輸入框需調(diào)用的本地鍵盤的類型;
[0012]傳輸單元,用于將本地輸入框通過對應(yīng)的本地鍵盤接收到的輸入信息傳輸給當(dāng)前HTML頁面。
[0013]本發(fā)明實(shí)施方式與現(xiàn)有技術(shù)相比,主要區(qū)別及其效果在于:
[0014]通過在HTML頁面的輸入框上添加識別標(biāo)識,可在頁面加載時在具有識別標(biāo)識的頁面輸入框處生成覆蓋頁面輸入框的本地輸入框,從而,由本地輸入框?qū)崿F(xiàn)對頁面輸入框無法調(diào)用的本地鍵盤的調(diào)用。
[0015]進(jìn)一步地,將本地輸入框設(shè)置為透明的輸入框,可在用其將頁面輸入框覆蓋后,保持整個HTML頁面中頁面輸入框的設(shè)計樣式。
[0016]進(jìn)一步地,將頁面輸入框的提示信息轉(zhuǎn)移到覆蓋其的本地輸入框,在本地輸入框?yàn)橥该鬏斎肟驎r,可避免產(chǎn)生提示信息的重影。
[0017]進(jìn)一步地,如果當(dāng)前加載的頁面具有前一頁面遺留的本地輸入框,用戶在點(diǎn)擊當(dāng)前頁面時,會出現(xiàn)在不需要進(jìn)行輸入的位置調(diào)用出本地鍵盤或本地鍵盤將當(dāng)前加載的頁面的頁面輸入框覆蓋的情況,故需事先將遺留的本地輸入框移除,以防止這種情況的發(fā)生。
【附圖說明】
[0018]圖1是本發(fā)明第一實(shí)施方式中一種用戶終端設(shè)備中HTML頁面調(diào)用本地鍵盤的方法的流程示意圖;
[0019]圖2是本發(fā)明第一實(shí)施方式中一種防止本地鍵盤遮擋本地輸入框的方法的流程示意圖;
[0020]圖3是本發(fā)明第二實(shí)施方式中一種用戶終端設(shè)備中HTML頁面調(diào)用本地鍵盤的裝置的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0021]在以下的敘述中,為了使讀者更好地理解本申請而提出了許多技術(shù)細(xì)節(jié)。但是,本領(lǐng)域的普通技術(shù)人員可以理解,即使沒有這些技術(shù)細(xì)節(jié)和基于以下各實(shí)施方式的種種變化和修改,也可以實(shí)現(xiàn)本申請各權(quán)利要求所要求保護(hù)的技術(shù)方案。
[0022]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚,下面將結(jié)合附圖對本發(fā)明的實(shí)施方式作進(jìn)一步地詳細(xì)描述。
[0023]本發(fā)明第一實(shí)施方式涉及一種用戶終端設(shè)備中HTML頁面調(diào)用本地鍵盤的方法。圖1是該用戶終端設(shè)備中HTML頁面調(diào)用本地鍵盤的方法的流程示意圖。
[0024]如圖1所示,該用戶終端設(shè)備中HTML頁面調(diào)用本地鍵盤的方法包括以下步驟:
[0025]在步驟101中,在需要調(diào)用本地鍵盤的HTML頁面輸入框上添加識別標(biāo)識。其中,本地鍵盤是指用戶終端具有的鍵盤,包括終端系統(tǒng)自有的鍵盤和自定義鍵盤,自定義鍵盤是指應(yīng)具體需要設(shè)計的終端的系統(tǒng)中沒有的鍵盤,比如僅用于輸入金額的數(shù)字鍵盤和僅用于輸入身份證號碼的鍵盤等等;頁面輸入框是指HTML的標(biāo)簽INPUT ;識別標(biāo)識指用于區(qū)分其他不需要調(diào)用本地鍵盤的輸入框的標(biāo)識,比如給INPUT標(biāo)簽添加樣式類別或者屬性等。
[0026]此后進(jìn)入步驟102,用戶終端設(shè)備加載HTML頁面時對該HTML頁面進(jìn)行分析,判斷是否存在需要調(diào)用本地鍵盤的具有識別標(biāo)識的頁面輸入框。其中,判斷的依據(jù)為步驟101中為INPUT標(biāo)簽添加的識別標(biāo)識。
[0027]如果判斷結(jié)果為是,則執(zhí)行步驟103 ;否則,結(jié)束本流程。
[0028]在步驟103中,在每個具有識別標(biāo)識的頁面輸入框處生成本地輸入框,其中,本地輸入框覆蓋位于同一位置的頁面輸入框。
[0029]此后進(jìn)入步驟104,設(shè)置每個本地輸入框需調(diào)用的本地鍵盤的類型。其中,不同本地輸入框需調(diào)用的本地鍵盤的類型可設(shè)置為相同,也可設(shè)置為不同,可根據(jù)在頁面輸入框上添加的鍵盤類型標(biāo)識而定。
[0030]此后進(jìn)入步驟105,將本地輸入框通過對應(yīng)的本地鍵盤接收到的輸入信息傳輸給當(dāng)前HTML頁面。
[0031]此后結(jié)束本流程。
[0032]在本發(fā)明的一優(yōu)選例中,在上述步驟105之前,本方法還包括以下步驟:
[0033]接收到調(diào)用本地鍵盤顯示的觸發(fā)事件后,判斷調(diào)用本地鍵盤的本地輸入框是否會被調(diào)用的本地鍵盤遮住。
[0034]如果判斷結(jié)果為否,則直接響應(yīng)用戶的輸入,待用戶輸入完畢后,進(jìn)入上述步驟105。
[0035]如果判斷結(jié)果為是,則調(diào)整用戶終端設(shè)備網(wǎng)頁容器滾動視圖的偏移量和HTML頁面的內(nèi)容高度以使調(diào)用本地鍵盤的本地輸入框不會被所述本地鍵盤遮擋。具體地,可將用戶終端設(shè)備的網(wǎng)頁容器視圖滾動以使調(diào)用本地鍵盤的本地輸入框不會被鍵盤遮擋,在網(wǎng)頁高度不足以滾動以使輸入框不被遮擋時,增加HTML的內(nèi)容高度,其增加高度的方式可以通過增加網(wǎng)頁主體的內(nèi)底邊距或者添加空白高度占位元素等方式。
[0036]在上述步驟中,可根據(jù)本地鍵盤高度、頁面輸入框底邊相對用戶設(shè)備網(wǎng)頁容器的位置及屏幕高度來確定需要滾動的距離和需要增加的HTML內(nèi)容高度。如圖2所示,可先獲取本地鍵盤高度、頁面輸入框底邊相對用戶設(shè)備網(wǎng)頁容器位置及屏幕高度,然后判斷本地鍵盤高度和頁面輸入框底邊相對用戶設(shè)備網(wǎng)頁容器位置之和是否大于屏幕高度,如過判斷結(jié)果為是,則增加網(wǎng)頁內(nèi)容高度并改變用戶設(shè)備網(wǎng)頁容器的滾動視圖偏移量,其中增加的網(wǎng)頁內(nèi)容高度及偏移量值為鍵盤高度與頁面輸入框底邊相對用戶設(shè)備網(wǎng)頁容器位置之和與屏幕高度的差值,如果判斷結(jié)果為否,則不作處理。
[0037]此外,在本發(fā)明的另一優(yōu)選例中,在上述步驟105之前,本方法還包括以下步驟:
[0038]接收到本地鍵盤隱藏的觸發(fā)事件后,判斷當(dāng)前HTML頁面的內(nèi)容高度是否為初始值;
[0039]如果判斷結(jié)果為否,則將當(dāng)前HTML頁面的內(nèi)容高度恢復(fù)至初始值,并觸發(fā)HTML頁面的滾動;如果判斷結(jié)果為是,則進(jìn)入步驟105。
[