本發(fā)明專利技術(shù)公開了一種瀏覽器中輸入框的定位方法及裝置。其中，該方法包括：當(dāng)檢測到輸入法界面彈出后，獲取瀏覽頁面向上滾動距離；將瀏覽頁面的定位屬性調(diào)整為浮動定位，同時將浮動定位的頂部值調(diào)整為瀏覽頁面向上滾動距離；根據(jù)調(diào)整的浮動定位加載瀏覽頁面；輸入框通過浮動定位固定于瀏覽頁面底部。本發(fā)明專利技術(shù)無需考慮輸入法界面的位置和大小，只需根據(jù)瀏覽頁面的滾動的距離，即可確定輸入框的位置，確保輸入框與輸入法界面實(shí)現(xiàn)銜接，保證整個界面的設(shè)計(jì)美感，提高用戶的使用體驗(yàn)。
【技術(shù)實(shí)現(xiàn)步驟摘要】
本專利技術(shù)涉及移動通信
，尤其涉及一種瀏覽器中輸入框的定位方法、裝置及移動設(shè)備。
技術(shù)介紹
近年來，隨著移動通信技術(shù)的迅速發(fā)展，各種手持終端設(shè)備，如手機(jī)、個人數(shù)字助理(PDA)已成為人們生活必不可少的電子設(shè)備。在使用手持終端設(shè)備中的瀏覽器瀏覽網(wǎng)頁時，一些列表的頁面底部都會有用戶輸入評論內(nèi)容的浮動輸入框。當(dāng)用戶點(diǎn)擊網(wǎng)頁中的某一輸入框時，瀏覽器通常會在手持終端設(shè)備屏幕的底端彈出輸入法界面，供用戶輸入滿足輸入框要求的信息。在正常情況下，用戶點(diǎn)擊評論框，輸入法界面會彈出，此時評論框應(yīng)該浮在輸入法界面上方。但是，由于iOS系統(tǒng)本身的問題，導(dǎo)致點(diǎn)擊輸入框時，輸入框竟然脫離了輸入法界面一段距離，如圖1所示，對于用戶來說體驗(yàn)是非常不好。此外，當(dāng)切換為第三方輸入法時，由于輸入法界面位置的不確定性，導(dǎo)致輸入法界面會覆蓋輸入框，用戶無法查看輸入框中輸入的信息。因此，需要重新提供一種針對輸入框的定位方法，使得輸入法界面彈出時，輸入框能夠根據(jù)輸入法界面的位置進(jìn)行適應(yīng)性的調(diào)整。
技術(shù)實(shí)現(xiàn)思路
本專利技術(shù)實(shí)施例提供一種瀏覽器中輸入框的定位方法、裝置及移動設(shè)備，用以解決現(xiàn)有技術(shù)的瀏覽器中輸入框易被輸入法界面覆蓋的問題。依據(jù)本專利技術(shù)的一個方面，提供一種瀏覽器中輸入框的定位方法，包括：當(dāng)檢測到輸入法界面彈出后，獲取瀏覽頁面向上滾動距離；將所述瀏覽頁面的定位屬性調(diào)整為浮動定位，同時將所述浮動定位的頂部值調(diào)整為所述瀏覽頁面向上滾動距離；根據(jù)調(diào)整的浮動定位加載所述瀏覽頁面；所述輸入框通過浮動定位固定于所述瀏覽頁面底部。進(jìn)一步地，所述方法還包括：存儲所述瀏覽頁面向上滾動距離；當(dāng)檢測到所述輸入法界面收起后，將所述瀏覽頁面調(diào)整為相對定位；根據(jù)所述相對定位加載瀏覽頁面，并將所述瀏覽頁面向上滾動所述距離；在滾動后的瀏覽頁面底部固定所述輸入框。進(jìn)一步地，所述方法還包括：當(dāng)所述輸入法界面彈出后，若檢測到用戶對頁面進(jìn)行操作，則忽略此次操作。進(jìn)一步地，所述方法還包括：當(dāng)所述輸入法界面收起后，若檢測到用戶對頁面進(jìn)行操作時，則執(zhí)行此次操作。進(jìn)一步地，所述方法還包括，當(dāng)所述若檢測到用戶對頁面進(jìn)行操作后，獲取聚焦標(biāo)識位；當(dāng)所述聚焦標(biāo)識位為真時，則忽略此次操作；否則，執(zhí)行此次操作。依據(jù)本專利技術(shù)的又一個方面，提供一種瀏覽器中輸入框的定位裝置，包括：獲取單元，用于當(dāng)檢測到輸入法界面彈出后，獲取瀏覽頁面向上滾動距離；調(diào)整單元，用于將所述瀏覽頁面的定位屬性調(diào)整為浮動定位，同時將所述浮動定位的頂部值調(diào)整為所述瀏覽頁面向上滾動距離；加載單元，用于根據(jù)調(diào)整的浮動定位加載所述瀏覽頁面；固定單元，用于在所述瀏覽頁面底部固定所述輸入框。進(jìn)一步地，所述裝置還包括存儲單元，存儲所述瀏覽頁面向上滾動距離；調(diào)整單元，用于當(dāng)檢測到所述輸入法界面收起后，將所述瀏覽頁面調(diào)整為相對定位；加載單元，用于根據(jù)所述相對定位加載瀏覽頁面，并將所述瀏覽頁面向上滾動所述距離；固定單元，還用于在滾動后的瀏覽頁面底部固定所述輸入框。進(jìn)一步地，所述裝置還包括處理單元，用于當(dāng)所述輸入法界面彈出后，若檢測到用戶對頁面進(jìn)行操作，則忽略此次操作。進(jìn)一步地，所述處理單元，還用于當(dāng)所述輸入法界面收起后，若檢測到用戶對頁面進(jìn)行操作，則執(zhí)行此次操作。進(jìn)一步地，所述裝置還包括第二獲取單元，當(dāng)所述若檢測到用戶對頁面進(jìn)行操作后，獲取聚焦標(biāo)識位；所述處理單元，用于當(dāng)所述聚焦標(biāo)識位為真時，則忽略此次操作；否則，執(zhí)行此次操作。依據(jù)本專利技術(shù)的一個方面，提供一種上述裝置。本專利技術(shù)具有以下有益效果：本專利技術(shù)實(shí)施例中通過檢測到輸入法界面是否彈出，獲取瀏覽頁面向上滾動距離；根據(jù)該距離調(diào)整輸入框在頁面中的顯示位置。因此，本專利技術(shù)所提供的輸入框定位方法，無需考慮輸入法界面的位置和大小，只需根據(jù)瀏覽頁面的滾動的距離，即可確定輸入框的位置，確保輸入框與輸入法界面實(shí)現(xiàn)銜接，保證整個界面的設(shè)計(jì)美感，提高用戶的使用體驗(yàn)。上述說明僅是本專利技術(shù)技術(shù)方案的概述，為了能夠更清楚了解本專利技術(shù)的技術(shù)手段，而可依照說明書的內(nèi)容予以實(shí)施，并且為了讓本專利技術(shù)的上述和其它目的、特征和優(yōu)點(diǎn)能夠更明顯易懂，以下特舉本專利技術(shù)的具體實(shí)施方式。附圖說明為了更清楚地說明本專利技術(shù)實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作一簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本專利技術(shù)的一些實(shí)施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動性的前提下，還可以根據(jù)這些附圖獲得其他的附圖。圖1為現(xiàn)有技術(shù)中輸入框與輸入法界面的位置關(guān)系示意圖；圖2為本專利技術(shù)實(shí)施例中所提供的輸入框的定位方法的流程圖；圖3為本專利技術(shù)中輸入框與輸入法界面的位置關(guān)系示意圖；圖4為本專利技術(shù)一具體實(shí)施例輸入框的定位方法的流程圖；圖5為本專利技術(shù)實(shí)施例所提供的輸入框定位裝置的結(jié)構(gòu)框圖。具體實(shí)施方式下面將結(jié)合本專利技術(shù)實(shí)施例中的附圖，對本專利技術(shù)實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本專利技術(shù)一部分實(shí)施例，而不是全部的實(shí)施例。基于本專利技術(shù)中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實(shí)施例，都屬于本專利技術(shù)保護(hù)的范圍。本專利技術(shù)實(shí)施例提供一種瀏覽器中輸入框的定位方法，如圖2所示，具體包括如下步驟：步驟101，當(dāng)檢測到輸入法界面彈出后，獲取瀏覽頁面向上滾動距離；步驟102，將瀏覽頁面的定位屬性調(diào)整為浮動定位，同時將浮動定位的頂部值調(diào)整為瀏覽頁面向上滾動距離；步驟103，根據(jù)調(diào)整的浮動定位加載瀏覽頁面；步驟104，輸入框通過浮動定位固定于瀏覽頁面底部。本專利技術(shù)實(shí)施例中通過檢測到輸入法界面是否彈出，獲取瀏覽頁面向上滾動距離；根據(jù)該距離調(diào)整輸入框的顯示位置。因此，本專利技術(shù)所提供的輸入框定位方法，無需考慮輸入法界面的位置和大小，只需根據(jù)瀏覽頁面的滾動的距離，即可確定輸入框的位置，確保輸入框與輸入法界面實(shí)現(xiàn)銜接，保證整個界面的美觀，提高用戶的使用體驗(yàn)。下面結(jié)合附圖對本專利技術(shù)的具體實(shí)施過程進(jìn)行詳細(xì)介紹。步驟101，當(dāng)檢測到輸入法界面彈出后，獲取瀏覽頁面向上滾動距離。在該步驟中，頁面底部的輸入框聚焦后，輸入法界面彈起，頁面會向上滾動一段距離。通過監(jiān)測頁面上移的距離來調(diào)整輸入的位置。在獲取瀏覽頁面向上滾動距離時，通過調(diào)用頁面的CSS(用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言)的scrollTop屬性，來獲取具體的滾動距離，也就是顯示頁面部分相對于整個頁面的頂部的偏移距離。具體地，scrollTop屬性表示的是頁面不可見的部分內(nèi)容的高度。例如外層元素的高度值是200px，內(nèi)層元素的高度值是300px。“內(nèi)層元素中的內(nèi)容”高過了“外層元素”本身。當(dāng)向下拖動滾動條時，有部分內(nèi)容會隱沒在“外層元素的上邊界”之外，100px就是scrollTop獲取的高度值。步驟102，將瀏覽頁面的定位屬性調(diào)整為浮動定位，同時將浮動定位的頂部值調(diào)整為瀏覽頁面向上滾動距離。在該步驟中，瀏覽頁面的定位屬性默認(rèn)情況下為CSS的相對定位即position:relative，便于排版布局。而在輸入法界面彈起后，將瀏覽頁面通常通過CSS中position：fixed屬性來定位頁面。Fixed為元素的浮動定位屬性。fixed屬性包括\left\、
op\、\right\、\bottom\四個屬性參數(shù)。在輸入法界面彈起后，為了保證輸入框繼續(xù)位于顯示的頁面底部，頁面需本文檔來自技高網(wǎng)...
【技術(shù)保護(hù)點(diǎn)】
一種瀏覽器中輸入框的定位方法，其特征在于，包括：當(dāng)檢測到輸入法界面彈出后，獲取瀏覽頁面向上滾動距離；將所述瀏覽頁面的定位屬性調(diào)整為浮動定位，同時將所述浮動定位的頂部值調(diào)整為所述瀏覽頁面向上滾動距離；根據(jù)調(diào)整的浮動定位加載所述瀏覽頁面；所述輸入框通過浮動定位固定于所述瀏覽頁面底部。
【技術(shù)特征摘要】
1.一種瀏覽器中輸入框的定位方法，其特征在于，包括：當(dāng)檢測到輸入法界面彈出后，獲取瀏覽頁面向上滾動距離；將所述瀏覽頁面的定位屬性調(diào)整為浮動定位，同時將所述浮動定位的頂部值調(diào)整為所述瀏覽頁面向上滾動距離；根據(jù)調(diào)整的浮動定位加載所述瀏覽頁面；所述輸入框通過浮動定位固定于所述瀏覽頁面底部。2.如權(quán)利要求1所述的方法，其特征在于，所述方法還包括：存儲所述瀏覽頁面向上滾動距離；當(dāng)檢測到所述輸入法界面收起后，將所述瀏覽頁面調(diào)整為相對定位；根據(jù)所述相對定位加載瀏覽頁面，并將所述瀏覽頁面向上滾動所述距離；在滾動后的瀏覽頁面底部固定所述輸入框。3.如權(quán)利要求1所述的方法，其特征在于，所述方法還包括：當(dāng)所述輸入法界面彈出后，若檢測到用戶對頁面進(jìn)行操作，則忽略此次操作。4.如權(quán)利要求2所述的方法，其特征在于，所述方法還包括：當(dāng)所述輸入法界面收起后，若檢測到用戶對頁面進(jìn)行操作時，則執(zhí)行此次操作。5.如權(quán)利要求3或4所述的方法，其特征在于，所述方法還包括，當(dāng)所述若檢測到用戶對頁面進(jìn)行操作后，獲取聚焦標(biāo)識位；當(dāng)所述聚焦標(biāo)識位為真時，則忽略此次操作；否則，執(zhí)行此次操作。6.一種瀏覽器中輸入框的定位裝置，其特征在于，包括：獲取單元，用于當(dāng)檢測到輸入法界面彈出后，獲取瀏覽頁面...
【專利技術(shù)屬性】
技術(shù)研發(fā)人員：張婷，
申請(專利權(quán))人：北京海爾廣科數(shù)字技術(shù)有限公司，青島海爾智能家電科技有限公司，
類型：發(fā)明
國別省市：北京;11
還沒有人留言評論。發(fā)表了對其他瀏覽者有用的留言會獲得科技券。