在jQuery中,如何防止多次点击多次执行我的代码？

Question

例如,如果我有以下代码:

$("#divTest").append(variable);

并且预期的目标是在单击按钮后显示一条信息,如何处理不耐烦的用户或者在执行代码之前需要多次单击(从而生成多个副本)的用户？

我会澄清是否需要.

谢谢!

Answer 1

看看jQuery .one函数.这只会允许点击处理程序使用一次.

$("#button").one("click",function() { /* -- Your code here -- */ });

或者,如果按钮实际上是一个input或button标记,您可以设置该disabled属性.以下是Mozilla Developer Network(MDN)有关该disabled属性的更多信息.

此布尔属性表示表单控件不可用于交互.特别是,不会在禁用的控件上调度click事件.此外,表单不会提交禁用控件的值.