问题背景

在微信细小程序开发中， 我们常常会遇到一个头疼的问题：页面上的按钮在飞迅速连续点击时会再来一次触发事件，弄得数据提交再来一次或者页面逻辑错误。这种情况在正常情况下不会发生，只有当网络非常不优良或者手机设备实在太差的时候才会发生。但是作为一个严谨完美的应用，这种情况是不得发生的。那么怎么避免按钮许多次点击再来一次触发事件呢？

解决方法一：设置按钮disabled属性

这种方法的核心思路是：当按钮被第一次点击时 设置按钮的disabled属性为true，从而避免被 点击。下面是具体的步骤：

1. 许多些页面data参数disabled， 这玩意儿参数名Neng自己随意定义，设置初始值为false。
2. 页面绑定按钮disabled属性， 具体代码片段如下：
3. 当事件施行开头时加入代码，就是设置按钮为不可用。
4. 事件施行完毕，沉新鲜初始化按钮disabled属性。有两种情况：
5. Ru果事件施行完页面发生跳转如navigateTo， 当返回的时候，你会发觉按钮不可用，这时候需要在onShow事件加入代码：
6. onShow:function { }
7. Ru果页面不需要跳转，直接在事件施行完毕的时候加入。

这时候你会问，为啥不dou在事件施行完毕时候设置disabled为false。当页面发生跳转的时候不优良用，我自己测试过。

解决方法二：设置遮罩层

通过设置遮罩层， 当按钮被第一次点击的时候，弹出一个遮罩层遮挡按钮被 点击。这种方法需要自己定义一个遮罩层，可通过一个data属性来控制是不是kan得出来具体施行步骤和方法一类似。

解决方法三：通过变量控制

不通过遮罩层和按钮disable属性， 直接通过变量来控制是不是施行事件，具体代码巨大致如下：

1. 设置参数is_first_action为true。
2. 事件施行前设置is_first_action为false， 然后施行事件时判断is_first_action是不是为true，否则不施行。
3. 施行完初始化is_first_action为true。

以上三种方法相同点dou是通过data属性来判断是不是是种方法适合图片或者文字触发的事件。

特殊情况处理

还有一种特别的再来一次触发情况时 当按钮需要定义单击、双击和长远按事件时单击、双击和长远按是三种不同的事件，虽然细小程序通过两个事件参数施行不同事件，但是有个BUG就是当双击和长远按的时候dou会触发单击事件。怎么解决这玩意儿问题可参考的文章《微信细小程序点击事件再来一次触发怎么解决》。

微信细小程序发布一年许多以来 说实话，BUG还是挺许多的，不过修补也hen积极，三天两头深厚geng半夜geng新鲜新鲜的功Neng或者修优良BUG，这点还是值得学的。

别让微信细小程序按钮再来一次点击触发事件，有几种方法Neng尝试，具体用哪种方法，Neng根据实际情况和需求来定。