动态控制按钮是否可点击的方法及系统技术方案

本发明专利技术公开了动态控制按钮是否可点击的方法及系统，属于前端性能优化技术领域，本发明专利技术的A要解决的技术问题为前端频繁触发按钮绑定的事件导致的性能浪费。包括如下步骤：通过css的pointer

【技术实现步骤摘要】
动态控制按钮是否可点击的方法及系统


[0001]本专利技术涉及前端性能优化
，具体地说是动态控制按钮是否可点击的方法及系统。

技术介绍

[0002]在前端中，按钮出现的频率很高，用户点击按钮时存在误点击的事件，这会导致多次触发按钮绑定的事件，如果不加以限制，会加重浏览器负担，导致用户体验不佳。
[0003]前端频繁触发按钮绑定的事件导致的性能浪费，是需要解决的技术问题。

技术实现思路

[0004]本专利技术的技术任务是针对以上不足，提供动态控制按钮是否可点击的方法及系统，来解决前端频繁触发按钮绑定的事件导致的性能浪费的技术问题。
[0005]第一方面，本专利技术一种动态控制按钮是否可点击的方法，包括如下步骤：
[0006]通过css的pointer
‑
events属性控制按钮是否可点击；
[0007]基于css的动画属性和css的pointer
‑
events属性，分别编写可点击状态的动画和不可点击状态的动画；
[0008]通过的CSS的监听属性a本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种动态控制按钮是否可点击的方法，其特征在于，包括如下步骤：通过css的pointer
‑
events属性控制按钮是否可点击；基于css的动画属性和css的pointer
‑
events属性，分别编写可点击状态的动画和不可点击状态的动画；通过的CSS的监听属性active对按钮被点击事件，通过监听点击事件判断屏蔽点击事件的动画是否生效；在点击事件结束时触发不可点击状态的动画；在鼠标触发点击事件时停止动画执行。2.根据权利要求1所述的一种动态控制按钮是否可点击的方法，其特征在于，通过css的pointer
‑
events属性控制按钮是否可点击时，将CSS的pointer
‑
events属性设置为none，从而实现按钮不可点击。3.根据权利要求1所述的一种动态控制按钮是否可点击的方法，其特征在于，在动画执行过程设置的时间范围内，控制按钮一直处于禁用的状态。4.根据权利要求1所述的一种动态控制按钮是否可点击的方法，其特征在于，第一次触发点击事件后执行不可点击状态的动画，按钮处于禁用状态，如果在整个在动画执行过程设置的时间范围内没有触发点击事件，则按钮解禁；如果在动画执行过程设置的时间范围内再次点击按钮，点击时清空不可执行状态的动画，点击结束后，重新启动不可点击状态的动画。5.一种动态控制按钮是否可点击的系统，其特征在于，用于执行如权利要求1
‑
4任一项所述的动态控制按钮是否可点击的方法，...

【专利技术属性】
技术研发人员：张海伦，韩晓龙，
申请(专利权)人：浪潮软件集团有限公司，
类型：发明
国别省市：