一种防止重复点击页面元素的方法和装置制造方法及图纸

本申请涉及计算机技术领域，更为具体来说，本申请涉及一种防止重复点击页面元素的方法和装置。所述方法包括：监听到当前页面中目标页面元素对应的第一点击事件，查询预设全局变量中是否存在所述目标页面元素对应的自定义属性的属性值，所述属性值为第二点击事件对应的唯一标识符，所述第二点击事件的时间戳早于所述第一点击事件的时间戳；如果是，则确定所述第一点击事件为重复点击事件，不对所述第一点击事件进行响应；如果否，则响应所述第一点击事件对应的操作请求。本申请不仅有效遏止了用户的重复点击操作，还解决了用户设备在弱网状态下的重复请求操作问题，真正做到了事件操作触发的唯一性。操作触发的唯一性。操作触发的唯一性。

【技术实现步骤摘要】
一种防止重复点击页面元素的方法和装置


[0001]本申请涉及计算机
，更为具体来说，本申请涉及一种防止重复点击页面元素的方法和装置。

技术介绍

[0002]目前在浏览器页面上，用户发送操作请求的点击对象大多来自按钮，当为有效点击时，将按钮设为禁用状态，当接收到服务器的处理结果时将按钮设为可用状态。对于表单类型的按钮，使用超文本标记语言元素的原生属性来实现，对于非表单类型的按钮，通过添加类似于计数器的装置来实现。
[0003]然而，当浏览器页面上触发操作的对象如果不是按钮或者触发对象并没有可设置是否为禁用状态的方法比如图片、列表等时，若用户重复点击，就会重复发送相同的操作请求。

技术实现思路

[0004]基于上述技术问题，本专利技术旨在监听当前页面中目标页面元素对应的第一点击事件，查询预设全局变量中是否存在所述目标页面元素对应的自定义属性的属性值，据此来判断第一点击事件是否为重复点击操作。
[0005]本专利技术第一方面提供了一种防止重复点击页面元素的方法，所述方法包括：
[0006]监听到当前页面中目标页面元素对应的第一点击事件，查询预设全局变量中是否存在所述目标页面元素对应的自定义属性的属性值，所述属性值为第二点击事件对应的唯一标识符，所述第二点击事件的时间戳早于所述第一点击事件的时间戳；
[0007]如果是，则确定所述第一点击事件为重复点击事件，不对所述第一点击事件进行响应；
[0008]如果否，则响应所述第一点击事件对应的操作请求。
[0009]在本申请的一些实施例中，响应所述第一点击事件对应的操作请求之前，包括：
[0010]创建所述目标页面元素的自定义属性；
[0011]生成所述第一点击事件对应的唯一标识符，并将所述第一点击事件的唯一标识符赋值给创建的所述自定义属性；
[0012]将所述第一点击事件的唯一标识符存储于所述预设全局变量中。
[0013]在本申请的一些实施例中，生成所述第一点击事件对应的唯一标识符，包括：
[0014]获取所述第一点击事件的时间戳；
[0015]生成一个随机数；
[0016]基于预设格式，利用所述第一点击事件的时间戳加上所述随机数，生成所述第一点击事件对应的唯一标识符。
[0017]在本申请的一些实施例中，响应所述第一点击事件对应的操作请求之后，还包括：
[0018]删除所述预设全局变量中所述目标页面元素对应的自定义属性的属性值。
[0019]在本申请的一些实施例中，监听到当前页面中目标页面元素对应的第一点击事件之前，还包括：
[0020]生成所述当前页面所属客户端对应的预设全局变量，其中，所述客户端中的每个页面均能调用所述预设全局变量。
[0021]在本申请的一些实施例中，优选地，所述目标页面元素包括按钮、图片、列表中的至少之一。
[0022]本专利技术第二方面提供了一种防止重复点击页面元素的装置，所述装置包括：
[0023]监听与查询模块，用于监听到当前页面中目标页面元素对应的第一点击事件，查询预设全局变量中是否存在所述目标页面元素对应的自定义属性的属性值，所述属性值为第二点击事件对应的唯一标识符，所述第二点击事件的时间戳早于所述第一点击事件的时间戳；
[0024]重复点击确认模块，用于在预设全局变量中存在所述目标页面元素对应的自定义属性的属性值时，确定所述第一点击事件为重复点击事件，不对所述第一点击事件进行响应；
[0025]响应模块，用于在预设全局变量中不存在所述目标页面元素对应的自定义属性的属性值时，响应所述第一点击事件对应的操作请求。
[0026]本专利技术第三方面提供了一种计算机设备，存储有计算机可读指令的存储介质，所述计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行以下步骤：
[0027]监听到当前页面中目标页面元素对应的第一点击事件，查询预设全局变量中是否存在所述目标页面元素对应的自定义属性的属性值，所述属性值为第二点击事件对应的唯一标识符，所述第二点击事件的时间戳早于所述第一点击事件的时间戳；
[0028]如果是，则确定所述第一点击事件为重复点击事件，不对所述第一点击事件进行响应；
[0029]如果否，则响应所述第一点击事件对应的操作请求。
[0030]本专利技术第四方面提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现以下步骤：
[0031]监听到当前页面中目标页面元素对应的第一点击事件，查询预设全局变量中是否存在所述目标页面元素对应的自定义属性的属性值，所述属性值为第二点击事件对应的唯一标识符，所述第二点击事件的时间戳早于所述第一点击事件的时间戳；
[0032]如果是，则确定所述第一点击事件为重复点击事件，不对所述第一点击事件进行响应；
[0033]如果否，则响应所述第一点击事件对应的操作请求。
[0034]本专利技术第五方面提供了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现以下步骤：
[0035]监听到当前页面中目标页面元素对应的第一点击事件，查询预设全局变量中是否存在所述目标页面元素对应的自定义属性的属性值，所述属性值为第二点击事件对应的唯一标识符，所述第二点击事件的时间戳早于所述第一点击事件的时间戳；
[0036]如果是，则确定所述第一点击事件为重复点击事件，不对所述第一点击事件进行响应；
[0037]如果否，则响应所述第一点击事件对应的操作请求。
[0038]本申请的有益效果为：本申请通过监听到当前页面中目标页面元素对应的第一点击事件，查询预设全局变量中是否存在所述目标页面元素对应的自定义属性的属性值，来判断用户是否有重复点击页面元素的操作，不仅有效遏止了用户的重复点击操作，还解决了用户设备在弱网状态下的重复请求操作问题，真正做到了事件操作触发的唯一性。另一方面，本申请也对点击的“防抖”和“节流”操作进行了优化，每次不再需要创建定时器来判断用户的重复点击操作，进而极大地节省了Web应用操作时的设备运行内存空间。
附图说明
[0039]构成说明书的一部分的附图描述了本申请的实施例，并且连同描述一起用于解释本申请的原理。
[0040]参照附图，根据下面的详细描述，可以更加清楚地理解本申请，其中：
[0041]图1示出了本申请示例性实施例中一防止重复点击页面元素的方法之步骤示意图；
[0042]图2示出了本申请示例性实施例中一防止重复点击页面元素的方法流程图；
[0043]图3示出了本申请示例性实施例的防止重复点击页面元素的方法装置之结构示意图；
[0044]图4示出了本申请示例性实施例所提供的一种计算机设备的结构示意图；
[0045]图5示出了本申请示例性实施例所提供的一种存储介质的示意图。
具体实施方式
[0046]以下，将参照附图来描述本申请的实施例。但是应该本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种防止重复点击页面元素的方法，其特征在于，所述方法包括：监听到当前页面中目标页面元素对应的第一点击事件，查询预设全局变量中是否存在所述目标页面元素对应的自定义属性的属性值，所述属性值为第二点击事件对应的唯一标识符，所述第二点击事件的时间戳早于所述第一点击事件的时间戳；如果是，则确定所述第一点击事件为重复点击事件，不对所述第一点击事件进行响应；如果否，则响应所述第一点击事件对应的操作请求。2.根据权利要求1所述的防止重复点击页面元素的方法，其特征在于，响应所述第一点击事件对应的操作请求之前，包括：创建所述目标页面元素的自定义属性；生成所述第一点击事件对应的唯一标识符，并将所述第一点击事件的唯一标识符赋值给创建的所述自定义属性；将所述第一点击事件的唯一标识符存储于所述预设全局变量中。3.根据权利要求2所述的防止重复点击页面元素的方法，其特征在于，生成所述第一点击事件对应的唯一标识符，包括：获取所述第一点击事件的时间戳；生成一个随机数；基于预设格式，利用所述第一点击事件的时间戳加上所述随机数，生成所述第一点击事件对应的唯一标识符。4.根据权利要求1所述的防止重复点击页面元素的方法，其特征在于，响应所述第一点击事件对应的操作请求之后，还包括：删除所述预设全局变量中所述目标页面元素对应的自定义属性的属性值。5.根据权利要求1所述的防止重复点击页面元素的方法，其特征在于，监听到当前页面中目标页面元素对应的第一点击事件之前，还包括：生成所述当前页面所属客户端对应的预设全局变量，其中，...

【专利技术属性】
技术研发人员：高帅帅，靳凤伟，夏曙东，孙智彬，张志平，
申请(专利权)人：北京中交兴路信息科技有限公司，
类型：发明
国别省市：