在web项目开发中，前端开发经常会遇到点击一个按钮，调用某个方法的情况。但有时我们樊咒及儆希望在点击按钮并且该方法执行后，如果误点了该按钮，不要再调用该方法了，或荨层吒椋者只有执行完其他方法后，才能再次调用。那么，今天就来介绍下js如何防止button重复调用方法。
工具/原料
Eclipse
谷歌浏览器Chrome73.0.3683.86
tomcat8.5
方法/步骤
1、在Eclipse里面新建一个web项目，并且新建一个index.jsp页面。在页面氇筐塘瓠里主要输入两个地方，一个是print()方法，一个是button按钮，点吁炷纪顼击button按钮，会调用print()方法，如图所示。然后我们在tomcat服务器下运行该程序。
2、打开谷歌浏览器，输入该项目的网址，端口，项目名称，访问。可以看到一个按钮，说明加载成功。此时鼠标在网页空白处右击，选择【检查】，打开右侧控制台，并且点击【Console】。
3、我们点击打印按钮，可以看到在右侧会显示每次打印的结果，都是“按钮按了一下”，当我们连续多次点击时，会连续打印相同的结果。
4、然后我们重新编辑index.jsp代码，增加控制标志flag。并且增加一个重置的按钮，用于将flag的值置为true。最后再讲原来的方法改造一下，增加判断语句，执行完之后，使flag为false，保存下。
5、刷新下浏览器，此时我们可以看到，当多次点击【打印】按钮时，右侧只输出了一次“按钮按了一下”，因为点击一次之后，flag被置为了false，而当flag为false时，不会再执行打印方法里的内容。
6、当我们点击右侧的【重置】按钮后，再点击左揲褐逞孽侧的【打印】按钮，可以看到，此时，右侧又增加了一条“按钮按了一下”，即达到了我们预期的目的。只有当限制条件解除或者其他方法执行完毕后，才惮我鸷截能再次点击button按钮执行关联方法。如果觉得有用，记得点赞支持！
