[發明專利]一種顯示浮層的方法及裝置

有效

• 申請號: 201410649387.3
• 申請日: 2014-11-14
• 公開（公告）號: CN105653112B
• 公開（公告）日: 2020-01-10
• 發明（設計）人: 張恒榮;張鑫旭;劉鵬;王繼群;沈宇東;鄢賢卿;翁翔堅;楊濤
• 申請（專利權）人: 深圳市騰訊計算機系統有限公司
• 主分類號: G06F3/0481
• 分類號: G06F3/0481
• 代理公司: 11138 北京三高永信知識產權代理有限責任公司
• 代理人: 江崇玉

1.一種顯示浮層的方法，其特征在于，所述方法包括：

檢測到用戶點擊表單的信息輸入框時，獲取所述用戶點擊的信息輸入框；

根據所述用戶點擊的信息輸入框，擴大所述用戶點擊的信息輸入框與終端顯示的鍵盤之間的可視區域；

在所述擴大的可視區域內顯示所述用戶點擊的信息輸入框的浮層；

其中，所述表單屬于的網頁或應用程序設有樹形結構的選擇器，所述網頁或應用程序中包括的每個表單在所述選擇器中分別對應一個節點，對于每個表單對應的節點，所述節點中包含所述表單的索引，所述表單的索引用于唯一標識所述表單，所述表單對應的節點連接到所述選擇器中包括的一根節點上；對于所述表單包括的每個信息輸入框，所述信息輸入框也對應選擇器中的一個節點，所述信息輸入框對應的節點是所述表單對應的節點的子節點，在所述信息輸入框對應的節點中包含所述信息輸入框的索引，所述信息輸入框的索引用于唯一標識所述信息輸入框；

其中，所述根據所述用戶點擊的信息輸入框，擴大所述用戶點擊的信息輸入框與終端顯示的鍵盤之間的可視區域，包括：

根據所述用戶點擊的信息輸入框，確定所述用戶點擊的信息輸入框所在的表單，根據所述表單的索引在所述選擇器中找出所述表單對應的節點，在所述表單對應的節點上設置一個標志，根據所述用戶點擊的信息輸入框的索引，在所述表單對應的節點的子節點中找出所述用戶點擊的信息輸入框對應的節點，在所述信息輸入框對應的節點上設置一個標志，以使所述終端內的層疊樣式CSS模塊從所述選擇器的根節點開始逐層對所述選擇器中的節點進行實時檢測，當檢測出設置有標志的所述表單對應的節點時，則獲取所述表單對應的節點的子節點，從獲取的子節點中找出沒有設置標志的子節點，找出的子節點為所述表單中除用戶點擊的信息輸入框以外的其他每個信息輸入框對應的節點，根據所述其他每個信息輸入框對應的節點中的索引，在所述終端當前的可視區域內，分別隱藏所述其他每個信息輸入框；

將所述用戶點擊的信息輸入框移至所述可視區域的頂部顯示，以實現擴大所述用戶點擊的信息輸入框與終端顯示的鍵盤之間的可視區域。

2.如權利要求1所述的方法，其特征在于，所述在所述擴大的可視區域內顯示所述用戶點擊的信息輸入框的浮層，包括：

在所述擴大的可視區域內創建所述用戶點擊的信息輸入框的下拉界面；

獲取所述用戶點擊的信息輸入框的浮層信息；

將所述浮層信息顯示在所述下拉界面中。

3.如權利要求1或2所述的方法，其特征在于，所述獲取所述用戶點擊的信息輸入框之前，還包括：

獲取所述終端的當前可視區域，如果所述終端的當前可視區域的尺寸小于預設臨界值，則執行所述獲取所述用戶點擊的信息輸入框的操作。

4.如權利要求1所述的方法，其特征在于，所述方法還包括：

檢測出終端的輸入焦點移出所述用戶點擊的信息輸入框時，在所述終端當前的可視區域中顯示所述表單。

5.如權利要求1所述的方法，其特征在于，所述根據所述用戶點擊的信息輸入框，擴大所述用戶點擊的信息輸入框與終端顯示的鍵盤之間的可視區域之前，還包括：

獲取所述用戶點擊的信息輸入框與所述終端顯示的鍵盤之間的可視區域的高度，如果所述高度小于預設閾值，則執行所述根據所述用戶點擊的信息輸入框，擴大所述用戶點擊的信息輸入框與終端顯示的鍵盤之間的可視區域的操作。