启用按钮只能被点击一次异常？

Question

我使用一个对话框来获取用户输入,但我发现用户可能单击双击按钮并添加内容两次,原因是对话框淡出太慢或用户在鼠标上单击两次..我不想要调整淡出速度,相反,如何启用按钮只能点击一次？

Answer 1

jQuery提供了one()方法来注册只运行一次的一次性处理程序.

你可以写:

$("#yourButton").one("click", function() {
    // Add content...
});

Answer 2

您可以在单击按钮后禁用该按钮以防止进一步点击:

$('button').on('click', function() {
    $(this).prop('disabled', true);
});