Javascript 如何限制一次点击新文本内容按钮？

当前，单击按钮和淡出可以多次单击

我希望用户只能单击一次“新建文本”按钮。因为多次单击会导致代码中出现错误

我尝试使用

.one（）

，但当单击中的新文本按钮消失时，不起作用-因为按钮是同一对象，只有

文本内容

发生了更改

如何将按钮上的每个新

textContent

限制为单击一次

点击数字=0；
$（“按钮”）。单击（函数（）{
$（this）.fadeOut（3000，function（）{
$（this.fadeIn（）.text（“B”）
})
$（“p”）.text（单击数字++）
})
/*$（“按钮”）。一个（“单击”，函数（）{
$（this）.fadeOut（3000，function（）{
$（this.fadeIn（）.text（“B”）
})
$（“p”）.text（单击数字++）
})*/

A.

因此，添加一个布尔值并检查它是否处于活动状态

点击数字=0；
$（“按钮”）。单击（函数（）{
常数btn=$（此值）；
如果（基站数据（‘活动’）返回；
btn.数据（“活动”，真实）；
$（this）.fadeOut（3000，function（）{
$（this.fadeIn（）.text（“B”）
//btn.data（'active'，false）；如果您希望他们再次单击它
})
$（“p”）.text（单击数字++）
})

A.

您可以使用按钮的

打开

和

关闭

事件，如果您不需要点击计数，您可以避免点击计数，这样您可以使用更简单的代码：

$（'option1'）。在（'click'，function（）上{
$（此）.off（'click'）；
$（this）.fadeOut（3000，function（）{
$（this.fadeIn（）.text（“B”）；
});
});

A.
对于我来说，拥有一个可以单击但不起任何作用的按钮是不好的，因为用户会垃圾邮件式地单击它，并在它发生变化时感到恼火/意外地单击它（当它出现时，您希望在给定语句的情况下单击重新启用，但当单击中的新文本按钮不起作用时）

而你可以使用css

指针事件：无；

它通常没有很好的UI。而
组合禁用
以停止单击，并且
光标：不允许显示无法单击有助于向用户说明发生了什么


点击数字=0；
$（“按钮”）。单击（函数（）{
$（this.prop（“disabled”、“disabled”）.addClass（“noclick”）；
$（this）.fadeOut（3000，function（）{
$（本）
.案文（“B”）
.prop（“禁用”，空）
.removeClass（“noclick”）
.fadeIn（）；
});
//演示只是为了看到它被点击，对它是否可以被点击没有影响
$（“p”）。文本（++单击编号）
})
.noclick{
光标：不允许；
}

A.