问题描述

onclick事件里套click方法的执行次数

今天看到一段点击可以来回切换内容的代码：
是onclick事件里面套click（），然后用off()移除click；
代码如下：

然后就想知道它的执行顺序是怎么样的就写了一个如下的方法：

放在button的onclick事件里，第一次点击输出11；第二次输出11、
aaaaX2；第三次输出11、aaaaX3；为什么里面的click被重复执行了？

解决方案

下面click那个不是执行代码，而是把你个匿名函数（输出aaaa）附加到click事件上。
因此每多执行1次，就会多附加一次这个函数，于是输出aaaa的代码就多执行一次。

解决方案二：

如果你每次都是设置click事件，而没有移除先前的事件，那么每点击一次，就累积多一次点击事件的。
所以你的第一段代码使用完成后off移除事件是必要的。

解决方案三：

onclick事件 和jQuery 事件 - click() 方法