頁面手勢觸發(fā)方法及裝置制造方法
【專利摘要】一種頁面手勢觸發(fā)方法,包括:檢測瀏覽器界面上的觸摸操作;在所述觸摸操作對應(yīng)的觸摸點(diǎn)位于所述瀏覽器界面上的基準(zhǔn)區(qū)域內(nèi)時,屏蔽瀏覽器指令輸入檢測;獲取以所述觸摸點(diǎn)為起點(diǎn)的滑動軌跡;觸發(fā)所述滑動軌跡對應(yīng)的頁面手勢指令。此外,還提供了一種頁面手勢觸發(fā)裝置。上述頁面手勢觸發(fā)方法和裝置可以降低輸入的誤操作率。
【專利說明】頁面手勢觸發(fā)方法及裝置
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)【技術(shù)領(lǐng)域】,特別是涉及一種頁面手勢觸發(fā)方法及裝置。
【背景技術(shù)】
[0002]隨著終端技術(shù)和無線通信技術(shù)的發(fā)展,越來越多的用戶使用智能移動終端瀏覽網(wǎng)頁。智能移動終端包括智能手機(jī)、平板電腦、掌上電腦等。而電容觸摸屏和多點(diǎn)觸摸技術(shù)的發(fā)明,使得智能移動終端多采用觸摸屏技術(shù)作為輸入手段。用戶在通過觸摸屏操作智能移動終端上的瀏覽器時,可通過在觸摸屏上進(jìn)行滑動來實(shí)現(xiàn)翻頁、選擇等輸入操作。
[0003]傳統(tǒng)技術(shù)中,智能終端上的瀏覽器通常還具有頁面手勢輸入功能,瀏覽器內(nèi)可預(yù)設(shè)多種滑動形成的樣本頁面手勢與輸入指令的對應(yīng)關(guān)系,當(dāng)獲取到與預(yù)存的樣本頁面手勢匹配的滑動手勢時,即觸發(fā)對應(yīng)的輸入指令。例如,若樣本頁面手勢“打勾”對應(yīng)的輸入指令是刷新,則當(dāng)獲取到打勾型的滑動手勢時,觸發(fā)刷新指令刷新頁面。
[0004]然而,在傳統(tǒng)技術(shù)中,當(dāng)用戶使用智能終端上的瀏覽器上的頁面手勢輸入功能時,由于觸發(fā)方式相似,會與觸摸屏本身的輸入功能產(chǎn)生沖突。輸入的滑動手勢即可被識別為頁面手勢功能的觸發(fā)指令,也可以被識別為瀏覽器根據(jù)觸摸屏定義的輸入指令。例如,用戶在輸入打勾的頁面手勢時,會產(chǎn)生向下和向上的滑動軌跡,而向上和向下的滑動軌跡則對應(yīng)瀏覽器上翻和下翻的輸入指令,從而使得用戶在輸入頁面手勢時,瀏覽器的頁面會隨之滾動。且用戶在滑動過程中,可能會按壓瀏覽器頁面上的鏈接,從而使得頁面發(fā)生不必要的跳轉(zhuǎn),帶來新的數(shù)據(jù)流量損耗。因此傳統(tǒng)技術(shù)中的頁面手勢觸發(fā)方法具有較高的誤操作率。
【發(fā)明內(nèi)容】
[0005]基于此,有必要提供一種能降低誤操作率的頁面手勢觸發(fā)方法。
[0006]一種頁面手勢觸發(fā)方法,包括:
[0007]檢測瀏覽器界面上的觸摸操作;
[0008]在所述觸摸操作對應(yīng)的觸摸點(diǎn)位于所述瀏覽器界面上的基準(zhǔn)區(qū)域內(nèi)時,屏蔽瀏覽器指令輸入檢測;
[0009]獲取以所述觸摸點(diǎn)為起點(diǎn)的滑動軌跡;
[0010]觸發(fā)所述滑動軌跡對應(yīng)的頁面手勢指令。
[0011]此外,還有必要提供一種能降低誤操作率的頁面手勢觸發(fā)裝置。
[0012]一種頁面手勢觸發(fā)系統(tǒng),包括:
[0013]觸摸檢測模塊,用于檢測瀏覽器界面上的觸摸操作;
[0014]屏蔽控制模塊,用于所述觸摸操作對應(yīng)的觸摸點(diǎn)位于所述瀏覽器界面上的基準(zhǔn)區(qū)域內(nèi)時,屏蔽瀏覽器指令輸入檢測;
[0015]軌跡獲取模塊,用于獲取以所述觸摸點(diǎn)為起點(diǎn)的滑動軌跡;
[0016]指令觸發(fā)模塊,用于觸發(fā)所述滑動軌跡對應(yīng)的頁面手勢指令。
[0017]上述頁面手勢觸發(fā)方法及裝置,在檢測到用戶的滑動軌跡發(fā)起自預(yù)設(shè)的基準(zhǔn)區(qū)域時,屏蔽瀏覽器指令的輸入檢測,獲取滑動軌跡并觸發(fā)滑動軌跡對應(yīng)的頁面手勢指令,使得用戶在進(jìn)行頁面手勢輸入時可不受瀏覽器指令輸入的干擾,從而降低了誤操作率。
【專利附圖】
【附圖說明】
[0018]圖1為一個實(shí)施例中頁面手勢觸發(fā)方法的流程圖;
[0019]圖2為一個實(shí)施例中滑動軌跡的示意圖;
[0020]圖3為另一個實(shí)施例中滑動軌跡的示意圖;
[0021]圖4為一個實(shí)施例中頁面手勢觸發(fā)裝置的結(jié)構(gòu)示意圖;
[0022]圖5為另一個實(shí)施例中頁面手勢觸發(fā)裝置的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0023]在一個實(shí)施例中,如圖1所示,一種頁面手勢觸發(fā)方法,包括:
[0024]步驟S102,檢測瀏覽器界面上的觸摸操作。
[0025]在一個實(shí)施例中,硬件載體為智能終端,用戶輸入設(shè)備為智能終端上的觸摸屏。瀏覽器界面即為瀏覽器在觸摸屏上的顯示區(qū)域。觸摸操作即為通過觸摸屏檢測到的手指或其他物體對觸摸屏的接觸操作。瀏覽器界面上的觸摸操作為對瀏覽器指令的觸發(fā)操作。
[0026]步驟S104,在觸摸操作對應(yīng)的觸摸點(diǎn)位于瀏覽器界面的基準(zhǔn)區(qū)域內(nèi)時,屏蔽瀏覽器指令輸入檢測。
[0027]基準(zhǔn)區(qū)域?yàn)樵跒g覽器界面上預(yù)設(shè)的子區(qū)域。在一個實(shí)施例中,基準(zhǔn)區(qū)域?yàn)闉g覽器工具欄所處的區(qū)域。
[0028]在一個實(shí)施例中,還可獲取基準(zhǔn)區(qū)域設(shè)置指令,并根據(jù)基準(zhǔn)區(qū)域設(shè)置指令定義瀏覽器界面上的子區(qū)域?yàn)榛鶞?zhǔn)區(qū)域。用戶可通過在瀏覽器界面上劃定區(qū)域來輸入基準(zhǔn)區(qū)域設(shè)置指令。也就是說基準(zhǔn)區(qū)域的位置以及大小可由用戶自行設(shè)定和更改。
[0029]屏蔽瀏覽器指令輸入檢測即為:當(dāng)檢測到觸摸操作時,停止觸發(fā)觸摸操作對應(yīng)的瀏覽器指令。
[0030]在一個實(shí)施例中,屏蔽瀏覽器指令輸入檢測的步驟可具體為:在瀏覽器界面上添加屏蔽層,通過該屏蔽層屏蔽瀏覽器指令輸入檢測。
[0031]在本實(shí)施例中,當(dāng)檢測到觸摸操作對應(yīng)的觸摸點(diǎn)位于基準(zhǔn)區(qū)域內(nèi)后,則可生成屏蔽層將整個瀏覽器界面遮擋住,使得后續(xù)輸入的觸摸操作均為對該屏蔽層的觸發(fā)操作,而不是對瀏覽器界面的觸發(fā)操作,從而實(shí)現(xiàn)屏蔽瀏覽器指令輸入檢測。
[0032]屏蔽層可以是網(wǎng)頁上的div層,也可以是一個⑶I界面層。
[0033]進(jìn)一步的,屏蔽層為透明。采用透明的屏蔽層可以使用戶在輸入頁面手勢的同時不影響正常瀏覽網(wǎng)頁。
[0034]步驟S106,獲取以觸摸點(diǎn)為起點(diǎn)的滑動軌跡。
[0035]在一個實(shí)施例中,可采樣獲取觸摸操作的觸摸點(diǎn),獲取以觸摸操作對應(yīng)的觸摸點(diǎn)為起點(diǎn)的連續(xù)采樣的觸摸點(diǎn)作為滑動軌跡。
[0036]在本實(shí)施例中,獲取到的滑動軌跡為一筆畫軌跡。當(dāng)檢測到手指或其他物體脫離與觸摸屏接觸時,滑動軌跡獲取完成,脫離觸摸屏的位置點(diǎn)即為停止滑動的位置點(diǎn)。
[0037]在本實(shí)施例中,若用戶的滑動操作先由基準(zhǔn)區(qū)域外進(jìn)入基準(zhǔn)區(qū)域,再由基準(zhǔn)區(qū)域內(nèi)滑動至基準(zhǔn)區(qū)域外,則僅獲取滑動操作進(jìn)入基準(zhǔn)區(qū)域的位置點(diǎn)到停止滑動的位置點(diǎn)的滑動軌跡。在另一個實(shí)施例中,還可截取滑動操作移出基準(zhǔn)區(qū)域的位置點(diǎn)到停止滑動的位置點(diǎn)的滑動軌跡。
[0038]步驟S108,觸發(fā)滑動軌跡對應(yīng)的頁面手勢指令。
[0039]在一個實(shí)施例中,可將滑動軌跡與預(yù)設(shè)的樣本頁面手勢進(jìn)行比對,若匹配,則觸發(fā)與匹配的樣本頁面手勢對應(yīng)的指令。
[0040]在一個實(shí)施例中,觸發(fā)滑動軌跡對應(yīng)的頁面手勢指令的步驟之后還可移除屏蔽層,恢復(fù)瀏覽器指令輸入檢測。
[0041]移除了屏蔽層之后,輸入的觸摸操作即為對瀏覽器頁面的觸發(fā)操作,而不是對屏蔽層的觸發(fā)操作,從而恢復(fù)了瀏覽器的輸入指令檢測。
[0042]在一個實(shí)施例中,檢測瀏覽器界面上的觸摸操作的步驟之后還在瀏覽器指令輸入檢測未屏蔽時,獲取觸摸操作的滑動軌跡;觸發(fā)與滑動軌跡對應(yīng)的瀏覽器指令。
[0043]例如,如圖2所示,瀏覽器界面10下方預(yù)設(shè)有基準(zhǔn)區(qū)域20。用戶的滑動軌跡由位置點(diǎn)A起始,滑至位置點(diǎn)B。由于起點(diǎn)A位于基準(zhǔn)區(qū)域內(nèi),因此瀏覽器指令檢測被屏蔽,則根據(jù)由A至B的滑動軌跡觸發(fā)對應(yīng)的頁面手勢指令。也就是說,用戶可通過先按壓基準(zhǔn)區(qū)域20中的任意位置點(diǎn),然后以此位置點(diǎn)為起點(diǎn)在觸摸屏上滑動形成滑動軌跡來觸發(fā)頁面手勢指令。
[0044]如圖3所示,瀏覽器界面10下方預(yù)設(shè)有基準(zhǔn)區(qū)域20。用戶的滑動操作以基準(zhǔn)區(qū)域外的位置點(diǎn)C為起點(diǎn),由位置點(diǎn)D進(jìn)入基準(zhǔn)區(qū)域,再由位置點(diǎn)E滑出基準(zhǔn)區(qū)域,最后在基準(zhǔn)區(qū)域外的位置點(diǎn)F完成滑動操作。在滑動軌跡到達(dá)位置點(diǎn)D時,檢測到觸摸點(diǎn)位于基準(zhǔn)區(qū)域內(nèi),屏蔽瀏覽器指令輸入檢測,根據(jù)C至D的滑動軌跡觸發(fā)對應(yīng)的瀏覽器指令。同時,獲取D到F的滑動軌跡,根據(jù)D到F的滑動軌跡觸發(fā)頁面手勢指令。
[0045]在一個實(shí)施例中,如圖4所示,一種頁面手勢觸發(fā)裝置,包括:觸摸檢測模塊102、屏蔽控制模塊104、軌跡獲取模塊106和指令觸發(fā)模塊108,其中:
[0046]觸摸檢測模塊102,用于檢測瀏覽器界面上的觸摸操作。
[0047]在一個實(shí)施例中,硬件載體為智能終端,用戶輸入設(shè)備為智能終端上的觸摸屏。瀏覽器界面即為瀏覽器在觸摸屏上的顯示區(qū)域。觸摸操作即為通過觸摸屏檢測到的手指或其他物體對觸摸屏的接觸操作。瀏覽器界面上的觸摸操作為對瀏覽器指令的觸發(fā)操作。
[0048]屏蔽控制模塊104,用于在觸摸操作對應(yīng)的觸摸點(diǎn)位于瀏覽器界面的基準(zhǔn)區(qū)域內(nèi)時,屏蔽瀏覽器指令輸入檢測。
[0049]基準(zhǔn)區(qū)域?yàn)樵跒g覽器界面上預(yù)設(shè)的子區(qū)域。在一個實(shí)施例中,基準(zhǔn)區(qū)域?yàn)闉g覽器工具欄所處的區(qū)域。
[0050]在一個實(shí)施例中,頁面手勢觸發(fā)裝置還包括基準(zhǔn)區(qū)域設(shè)置模塊(圖中未標(biāo)示),可用于獲取基準(zhǔn)區(qū)域設(shè)置指令,并根據(jù)基準(zhǔn)區(qū)域設(shè)置指令定義瀏覽器界面上的子區(qū)域?yàn)榛鶞?zhǔn)區(qū)域。用戶可通過在瀏覽器界面上劃定區(qū)域來輸入基準(zhǔn)區(qū)域設(shè)置指令。也就是說基準(zhǔn)區(qū)域的位置以及大小可由用戶自行設(shè)定和更改。
[0051]屏蔽瀏覽器指令輸入檢測即為:當(dāng)檢測到觸摸操作時,停止觸發(fā)觸摸操作對應(yīng)的瀏覽器指令。
[0052]在一個實(shí)施例中,屏蔽控制模塊104還可用于在瀏覽器界面上添加屏蔽層,通過該屏蔽層屏蔽瀏覽器指令輸入檢測。
[0053]在本實(shí)施例中,當(dāng)檢測到觸摸操作對應(yīng)的觸摸點(diǎn)位于基準(zhǔn)區(qū)域內(nèi)后,則屏蔽控制模塊104可用于生成屏蔽層將整個瀏覽器界面遮擋住,使得后續(xù)輸入的觸摸操作均為對該屏蔽層的觸發(fā)操作,而不是對瀏覽器界面的觸發(fā)操作,從而實(shí)現(xiàn)屏蔽瀏覽器指令輸入檢測。
[0054]屏蔽層可以是網(wǎng)頁上的div層,也可以是一個⑶I界面層。
[0055]進(jìn)一步的,屏蔽層為透明。采用透明的屏蔽層可以使用戶在輸入頁面手勢的同時不影響正常瀏覽網(wǎng)頁。
[0056]軌跡獲取模塊106,用于獲取以觸摸點(diǎn)為起點(diǎn)的滑動軌跡。
[0057]在一個實(shí)施例中,軌跡獲取模塊106可用于采樣獲取觸摸操作的觸摸點(diǎn),獲取以觸摸操作對應(yīng)的觸摸點(diǎn)為起點(diǎn)的連續(xù)采樣的觸摸點(diǎn)作為滑動軌跡。
[0058]在本實(shí)施例中,軌跡獲取模塊106獲取到的滑動軌跡為一筆畫軌跡。當(dāng)檢測到手指或其他物體脫離與觸摸屏接觸時,滑動軌跡獲取完成,脫離觸摸屏的位置點(diǎn)即為停止滑動的位置點(diǎn)。
[0059]在本實(shí)施例中,若用戶的滑動操作先由基準(zhǔn)區(qū)域外進(jìn)入基準(zhǔn)區(qū)域,再由基準(zhǔn)區(qū)域內(nèi)滑動至基準(zhǔn)區(qū)域外,則僅獲取滑動操作進(jìn)入基準(zhǔn)區(qū)域的位置點(diǎn)到停止滑動的位置點(diǎn)的滑動軌跡。在另一個實(shí)施例中,還可截取滑動操作移出基準(zhǔn)區(qū)域的位置點(diǎn)到停止滑動的位置點(diǎn)的滑動軌跡。
[0060]指令觸發(fā)模塊108,用于觸發(fā)滑動軌跡對應(yīng)的頁面手勢指令。
[0061]在一個實(shí)施例中,指令觸發(fā)模塊108可用于將滑動軌跡與預(yù)設(shè)的樣本頁面手勢進(jìn)行比對,若匹配,則觸發(fā)與匹配的樣本頁面手勢對應(yīng)的指令。
[0062]在一個實(shí)施例中,屏蔽控制模塊104還可用于移除屏蔽層,恢復(fù)瀏覽器指令輸入檢測。
[0063]移除了屏蔽層之后,輸入的觸摸操作即為對瀏覽器頁面的觸發(fā)操作,而不是對屏蔽層的觸發(fā)操作,從而恢復(fù)了瀏覽器的輸入指令檢測。
[0064]在一個實(shí)施例中,如圖5所示,頁面手勢觸發(fā)裝置還包括瀏覽器指令觸發(fā)模塊110,用于在瀏覽器指令輸入檢測未屏蔽時,獲取觸摸操作的滑動軌跡,觸發(fā)與滑動軌跡對應(yīng)的瀏覽器指令。
[0065]上述頁面手勢觸發(fā)方法及裝置,在檢測到用戶的滑動軌跡發(fā)起自預(yù)設(shè)的基準(zhǔn)區(qū)域時,屏蔽瀏覽器指令的輸入檢測,獲取滑動軌跡并觸發(fā)滑動軌跡對應(yīng)的頁面手勢指令,使得用戶在進(jìn)行頁面手勢輸入時可不受瀏覽器指令輸入的干擾,從而降低了誤操作率。
[0066]同時,通過檢測滑動軌跡的發(fā)起端是否位于基準(zhǔn)區(qū)域內(nèi)來控制開關(guān)瀏覽器指令的輸入檢測,可以減少不必要的按鍵來觸發(fā)開關(guān)瀏覽器指令的輸入檢測功能,使得界面更簡潔,輸入方式更具有便利性。
[0067]本領(lǐng)域普通技術(shù)人員可以理解實(shí)現(xiàn)上述實(shí)施例方法中的全部或部分流程,是可以通過計算機(jī)程序來指令相關(guān)的硬件來完成,所述的程序可存儲于一計算機(jī)可讀取存儲介質(zhì)中,該程序在執(zhí)行時,可包括如上述各方法的實(shí)施例的流程。其中,所述的存儲介質(zhì)可為磁碟、光盤、只讀存儲記憶體(Read-Only Memory, ROM)或隨機(jī)存儲記憶體(Random AccessMemory, RAM)等。
[0068]以上所述實(shí)施例僅表達(dá)了本發(fā)明的幾種實(shí)施方式,其描述較為具體和詳細(xì),但并不能因此而理解為對本發(fā)明專利范圍的限制。應(yīng)當(dāng)指出的是,對于本領(lǐng)域的普通技術(shù)人員來說,在不脫離本發(fā)明構(gòu)思的前提下,還可以做出若干變形和改進(jìn),這些都屬于本發(fā)明的保護(hù)范圍。因此,本發(fā)明專利的保護(hù)范圍應(yīng)以所附權(quán)利要求為準(zhǔn)。
【權(quán)利要求】
1.一種頁面手勢觸發(fā)方法,包括: 檢測瀏覽器界面上的觸摸操作; 在所述觸摸操作對應(yīng)的觸摸點(diǎn)位于所述瀏覽器界面上的基準(zhǔn)區(qū)域內(nèi)時,屏蔽瀏覽器指令輸入檢測; 獲取以所述觸摸點(diǎn)為起點(diǎn)的滑動軌跡; 觸發(fā)所述滑動軌跡對應(yīng)的頁面手勢指令。
2.根據(jù)權(quán)利要求1所述的頁面手勢觸發(fā)方法,其特征在于,所述基準(zhǔn)區(qū)域?yàn)闉g覽器工具欄所處的區(qū)域。
3.根據(jù)權(quán)利要求1所述的頁面手勢觸發(fā)方法,其特征在于,所述屏蔽瀏覽器的輸入指令檢測的步驟為: 在所述瀏覽器界面上添加屏蔽層,通過所述屏蔽層屏蔽瀏覽器指令輸入檢測。
4.根據(jù)權(quán)利要求3所述的頁面手勢觸發(fā)方法,其特征在于,所述觸發(fā)所述滑動軌跡對應(yīng)的頁面手勢指令的步驟之后還包括: 移除所述屏蔽層,恢復(fù)瀏覽器指令輸入檢測。
5.根據(jù)權(quán)利要求1至4任一項所述的頁面手勢觸發(fā)方法,其特征在于,所述檢測瀏覽器界面上的觸摸操作的步驟之后還包括: 在所述瀏覽器指令輸入檢測未屏蔽時,獲取所述觸摸操作的滑動軌跡; 觸發(fā)與所述滑動軌跡對應(yīng)的瀏覽器指令。
6.一種頁面手勢觸發(fā)裝置,包括: 觸摸檢測模塊,用于檢測瀏覽器界面上的觸摸操作; 屏蔽控制模塊,用于所述觸摸操作對應(yīng)的觸摸點(diǎn)位于所述瀏覽器界面上的基準(zhǔn)區(qū)域內(nèi)時,屏蔽瀏覽器指令輸入檢測; 軌跡獲取模塊,用于獲取以所述觸摸點(diǎn)為起點(diǎn)的滑動軌跡; 指令觸發(fā)模塊,用于觸發(fā)所述滑動軌跡對應(yīng)的頁面手勢指令。
7.根據(jù)權(quán)利要求6所述的頁面手勢觸發(fā)裝置,其特征在于,所述基準(zhǔn)區(qū)域?yàn)闉g覽器工具欄所處的區(qū)域。
8.根據(jù)權(quán)利要求6所述的頁面手勢觸發(fā)裝置,其特征在于,所述屏蔽控制模塊還用于在所述瀏覽器界面上添加屏蔽層,通過所述屏蔽層屏蔽瀏覽器指令輸入檢測。
9.根據(jù)權(quán)利要求6所述的頁面手勢觸發(fā)裝置,其特征在于,所述屏蔽控制模塊還用于在所述指令觸發(fā)模塊觸發(fā)所述滑動軌跡對應(yīng)的頁面手勢指令后移除所述屏蔽層,恢復(fù)瀏覽器指令輸入檢測。
10.根據(jù)權(quán)利要求6至9任一項所述的頁面手勢觸發(fā)裝置,其特征在于,還包括瀏覽器指令觸發(fā)模塊,用于在所述瀏覽器指令輸入檢測未屏蔽時,獲取所述觸摸操作的滑動軌跡,觸發(fā)與所述滑動軌跡對應(yīng)的瀏覽器指令。
【文檔編號】G06F3/0488GK103530044SQ201210226058
【公開日】2014年1月22日 申請日期:2012年7月3日 優(yōu)先權(quán)日:2012年7月3日
【發(fā)明者】薛珺 申請人:騰訊科技(深圳)有限公司