[發明專利]網頁內滑動顯示網頁對象的方法及裝置

在審

• 申請號: 201210321532.6
• 申請日: 2012-09-03
• 公開（公告）號: CN103677592A
• 公開（公告）日: 2014-03-26
• 發明（設計）人: 劉明軍
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F3/0488
• 分類號: G06F3/0488
• 代理公司: 廣州華進聯合專利商標代理有限公司 44224
• 代理人: 何平;曾旻輝

技術領域

本發明涉及計算機技術領域，特別是涉及一種網頁內滑動顯示網頁對象的方法及裝置。

背景技術

隨著觸摸屏技術和移動終端技術的發展，智能移動設備已經成為當今市場上的主流，包括智能手機、掌上電腦、平板電腦、電子書等。用戶可通過智能移動設備上自帶的移動版瀏覽器在任何有無線網絡覆蓋的區域自由地瀏覽網頁，使得人與人之間的溝通更加方便。

傳統技術中，用戶在使用移動版瀏覽器上網時，可通過在觸摸屏上滑動觸摸來實現網頁的整體滑動。網頁中還包含網頁對象，如圖片、文本塊、表單等。網頁對象可在其所處的可視窗口（如由frame、div、span、input等標簽定義的網頁顯示區域）中滑動。

例如，可在網頁中通過div標簽定義可視窗口，設置div標簽的overflow屬性為auto，當該div標簽中包含的網頁對象的大小大于該div的可視窗口的大小時，即通過添加滾動條來顯示該網頁對象。用戶可通過對該網頁對象滑動觸摸來在可視窗口中滑動顯示該網頁對象的全部內容。

然而，傳統技術中，用戶在滑動觸摸網頁對象時，該網頁對象只能跟隨觸摸點的移動而移動，也就是說網頁對象的最大滑動距離（考慮邊界不能滑的情況）與觸摸點的移動距離相同。而由于可視窗口的大小有限，因此，在網頁對象的大小較大時，用戶需要滑動多次才能將網頁對象滑到指定的位置來展示相應的內容，從而使得用戶操作的便利性不足。

發明內容

基于此，有必要提供一種能提高用戶操作的便利性的網頁內滑動顯示網頁對象的方法。

一種網頁內滑動顯示網頁對象的方法，包括：

獲取觸摸事件，獲取與所述觸摸事件對應的網頁對象；

獲取與所述網頁對象對應的滑動事件；

抽樣獲取所述滑動事件對應的觸摸點的位置，根據所述觸摸點的位置移動所述網頁對象；

根據所述觸摸事件和所述滑動事件計算滑動位移和滑動時間；

根據所述滑動位移和滑動時間滑動所述網頁對象。

此外，還有必要提供一種能提高用戶操作的便利性的網頁內滑動顯示網頁對象的裝置。

一種網頁內滑動顯示網頁對象的裝置，包括：

觸摸事件獲取模塊，用于獲取觸摸事件，獲取與所述觸摸事件對應的網頁對象；

滑動事件獲取模塊，用于獲取與所述網頁對象對應的滑動事件；

同步滑動模塊，用于抽樣獲取所述滑動事件對應的觸摸點的位置，根據所述觸摸點的位置移動所述網頁對象；

參數計算模塊，用于根據所述觸摸事件和所述滑動事件計算滑動位移和滑動時間；

慣性滑動模塊，用于根據所述滑動位移和滑動時間滑動所述網頁對象。

上述網頁內滑動顯示網頁對象的方法和裝置，先獲取網頁對象的觸摸事件和滑動事件，并根據滑動事件對應的觸摸點移動網頁對象，然后在同步移動網頁對象之后還根據觸摸事件和滑動事件計算滑動位移和滑動時間，并根據滑動位移和滑動時間繼續滑動網頁對象。用戶在滑動網頁對象時，可使網頁對象獲得比滑動位移更大的移動距離，且可通過控制滑動操作的速度來控制網頁對象的移動距離。與傳統技術相比，用戶只需滑動較少的次數即可將網頁對象滑動到特定的位置，從而提高了操作的便利性。

附圖說明

圖1為一個實施例中網頁內滑動顯示網頁對象的方法的流程圖；

圖2為一個實施例中網頁內滑動顯示網頁對象的裝置的結構示意圖；

圖3為另一個實施例中網頁內滑動顯示網頁對象的裝置的結構示意圖。

具體實施方式

在一個實施例中，如圖1所示，一種網頁內滑動顯示網頁對象的方法，包括：

步驟S102，獲取觸摸事件，獲取與觸摸事件對應的網頁對象。

觸摸事件即觸摸屏檢測到的觸摸操作時觸發的事件。當用戶用手指接觸觸摸屏表面時，即會觸發觸摸事件。觸摸事件可與終端設備上當前運行的應用程序綁定。例如，若用戶在網頁上的某個圖片對象所處的可視窗口內進行按壓時，瀏覽器可根據觸摸點在觸摸屏上所處的位置來定位到該圖片對象，并將該圖片對象與該觸摸事件綁定，然后拋出該觸摸事件由相應的事件處理函數處理。

在本實施例中，可通過腳本函數（例如，由Javascript語言定義的腳本函數）獲取觸摸事件，提取觸摸事件中包含的網頁對象標識，根據提取得到的網頁對象標識獲取網頁對象。

步驟S104，獲取與網頁對象對應的滑動事件。