[发明专利]一种响应用户操作的方法、装置、终端及存储介质

说明书

本公开提供了一种响应用户操作的方法、装置、终端及存储介质。所述方法包括：在检测到用户对页面中的目标元素的触摸操作时，获得目标元素的可滚动的祖先元素；在再次检测到用户对目标元素的触摸操作时，判断可滚动的祖先元素是否处于滚动状态；在每一个可滚动的祖先元素均未处于滚动状态时，响应目标元素对应的触摸事件。在上述过程中，针对用户的首次触摸操作获得目标元素的所有的可滚动的祖先元素，避免了祖先元素获取不全面时所带来的问题，在所有的可滚动的祖先元素均未处于滚动状态时响应目标元素的触摸事件，防止了层级较高的可滚动的祖先元素处于滚动状态时导致的触摸事件的误触发现象，显著改善了用户的使用体验。

技术领域

本公开涉及前端交互技术领域，尤其涉及一种响应用户操作的方法、装置、终端及存储介质。

背景技术

Fastclick是FTLabs开发的一款开源工具，其采用JavaScript语言编写，可利用移动端上的Touch系列事件(例如：touchstart事件、touchend事件等)来实现一个自定义的tap事件(类似于click事件)。然而，基于Fastclick实现的tap事件在触发时存在诸多问题，一是无法全面地判定一个元素是否为可滚动元素，导致手指在触摸屏幕的目标元素时，某些可滚动容器的内部元素的tap事件存在误触发现象；二是没有对目标元素的所有的可滚动祖先元素进行全方位考虑，同样存在与上述提到的手指在触摸屏幕的目标元素时，某些可滚动容器的内部元素的tap事件存在误触发现象的相同的问题。因而，相关技术中，急需一种能更好的响应用户操作的方法，以改善用户的使用体验。

发明内容

本公开提供一种响应用户操作的方法、装置、终端及存储介质，旨在解决上述背景技术中存在的问题，面向用户提供一种更好的响应用户操作的方法，以改善用户的使用体验。

根据本公开实施例的第一方面，提供了一种响应用户操作的方法，所述方法包括：

在检测到用户对页面中的目标元素的触摸操作时，标记所述目标元素的可滚动的祖先元素，所述目标元素的可滚动的祖先元素为所述目标元素的上级元素；

在再次检测到用户对所述目标元素的触摸操作时，若每一个已标记的可滚动的祖先元素均未处于滚动状态，响应所述目标元素对应的触摸事件。

可选地，在检测到用户对页面中的目标元素的触摸操作时，标记所述目标元素的可滚动的祖先元素，包括：

在检测到用户对页面中的目标元素的触摸操作时，为所述目标元素添加触摸开始事件；

响应所述触摸开始事件，获得所述目标元素的可滚动的祖先元素，并为每一个所述可滚动祖先元素添加触摸结束事件，以标记每一个所述可滚动祖先元素；

在再次检测到用户对所述目标元素的触摸操作时，若每一个所述可滚动的祖先元素均未处于滚动状态，响应所述目标元素对应的触摸事件，包括：

在再次检测到用户对所述目标元素的触摸操作时，响应所述触摸结束事件，获得每一个已标记的可滚动的祖先元素的运动状态；

在所述运动状态表示所述每一个已标记的可滚动的祖先元素均未处于滚动状态时，响应所述目标元素对应的触摸事件。

可选地，为每一个所述可滚动祖先元素添加触摸结束事件，包括：

执行所述触摸开始事件中的事件处理函数，以为每一个所述可滚动的祖先元素添加触摸结束事件，所述事件处理函数用于为网页元素添加触摸结束事件，所述触摸结束事件在监听到用户对所述目标元素的触摸操作时触发。

可选地，所述方法还包括：

在所述可滚动的祖先元素中有一个祖先元素处于滚动状态时，禁止响应所述目标元素对应的触摸事件，同时将所述祖先元素的滚动状态调整为暂停状态。

可选地，禁止响应所述目标元素对应的触摸事件，包括：