[發(fā)明專利]一種響應(yīng)用戶操作的方法、裝置、終端及存儲介質(zhì)

有效

• 申請?zhí)枺?/td>: 202010438336.1
• 申請日: 2020-05-21
• 公開（公告）號: CN111782122B
• 公開（公告）日: 2021-09-10
• 發(fā)明（設(shè)計）人: 殷勇
• 申請（專利權(quán)）人: 北京達佳互聯(lián)信息技術(shù)有限公司
• 主分類號: G06F3/0488
• 分類號: G06F3/0488;G06F3/0483;G06F3/0485
• 代理公司: 北京潤澤恒知識產(chǎn)權(quán)代理有限公司 11319
• 代理人: 李娜

本公開提供了一種響應(yīng)用戶操作的方法、裝置、終端及存儲介質(zhì)。所述方法包括：在檢測到用戶對頁面中的目標元素的觸摸操作時，獲得目標元素的可滾動的祖先元素；在再次檢測到用戶對目標元素的觸摸操作時，判斷可滾動的祖先元素是否處于滾動狀態(tài)；在每一個可滾動的祖先元素均未處于滾動狀態(tài)時，響應(yīng)目標元素對應(yīng)的觸摸事件。在上述過程中，針對用戶的首次觸摸操作獲得目標元素的所有的可滾動的祖先元素，避免了祖先元素獲取不全面時所帶來的問題，在所有的可滾動的祖先元素均未處于滾動狀態(tài)時響應(yīng)目標元素的觸摸事件，防止了層級較高的可滾動的祖先元素處于滾動狀態(tài)時導致的觸摸事件的誤觸發(fā)現(xiàn)象，顯著改善了用戶的使用體驗。

技術(shù)領(lǐng)域

本公開涉及前端交互技術(shù)領(lǐng)域，尤其涉及一種響應(yīng)用戶操作的方法、裝置、終端及存儲介質(zhì)。

背景技術(shù)

Fastclick是FTLabs開發(fā)的一款開源工具，其采用JavaScript語言編寫，可利用移動端上的Touch系列事件(例如：touchstart事件、touchend事件等)來實現(xiàn)一個自定義的tap事件(類似于click事件)。然而，基于Fastclick實現(xiàn)的tap事件在觸發(fā)時存在諸多問題，一是無法全面地判定一個元素是否為可滾動元素，導致手指在觸摸屏幕的目標元素時，某些可滾動容器的內(nèi)部元素的tap事件存在誤觸發(fā)現(xiàn)象；二是沒有對目標元素的所有的可滾動祖先元素進行全方位考慮，同樣存在與上述提到的手指在觸摸屏幕的目標元素時，某些可滾動容器的內(nèi)部元素的tap事件存在誤觸發(fā)現(xiàn)象的相同的問題。因而，相關(guān)技術(shù)中，急需一種能更好的響應(yīng)用戶操作的方法，以改善用戶的使用體驗。

發(fā)明內(nèi)容

本公開提供一種響應(yīng)用戶操作的方法、裝置、終端及存儲介質(zhì)，旨在解決上述背景技術(shù)中存在的問題，面向用戶提供一種更好的響應(yīng)用戶操作的方法，以改善用戶的使用體驗。

根據(jù)本公開實施例的第一方面，提供了一種響應(yīng)用戶操作的方法，所述方法包括：

在檢測到用戶對頁面中的目標元素的觸摸操作時，標記所述目標元素的可滾動的祖先元素，所述目標元素的可滾動的祖先元素為所述目標元素的上級元素；

在再次檢測到用戶對所述目標元素的觸摸操作時，若每一個已標記的可滾動的祖先元素均未處于滾動狀態(tài)，響應(yīng)所述目標元素對應(yīng)的觸摸事件。

可選地，在檢測到用戶對頁面中的目標元素的觸摸操作時，標記所述目標元素的可滾動的祖先元素，包括：

在檢測到用戶對頁面中的目標元素的觸摸操作時，為所述目標元素添加觸摸開始事件；

響應(yīng)所述觸摸開始事件，獲得所述目標元素的可滾動的祖先元素，并為每一個所述可滾動祖先元素添加觸摸結(jié)束事件，以標記每一個所述可滾動祖先元素；

在再次檢測到用戶對所述目標元素的觸摸操作時，若每一個所述可滾動的祖先元素均未處于滾動狀態(tài)，響應(yīng)所述目標元素對應(yīng)的觸摸事件，包括：

在再次檢測到用戶對所述目標元素的觸摸操作時，響應(yīng)所述觸摸結(jié)束事件，獲得每一個已標記的可滾動的祖先元素的運動狀態(tài)；

在所述運動狀態(tài)表示所述每一個已標記的可滾動的祖先元素均未處于滾動狀態(tài)時，響應(yīng)所述目標元素對應(yīng)的觸摸事件。

可選地，為每一個所述可滾動祖先元素添加觸摸結(jié)束事件，包括：

執(zhí)行所述觸摸開始事件中的事件處理函數(shù)，以為每一個所述可滾動的祖先元素添加觸摸結(jié)束事件，所述事件處理函數(shù)用于為網(wǎng)頁元素添加觸摸結(jié)束事件，所述觸摸結(jié)束事件在監(jiān)聽到用戶對所述目標元素的觸摸操作時觸發(fā)。

可選地，所述方法還包括：

在所述可滾動的祖先元素中有一個祖先元素處于滾動狀態(tài)時，禁止響應(yīng)所述目標元素對應(yīng)的觸摸事件，同時將所述祖先元素的滾動狀態(tài)調(diào)整為暫停狀態(tài)。

可選地，禁止響應(yīng)所述目標元素對應(yīng)的觸摸事件，包括：