Js防止按钮重复点击的方法？

Question

有哪几种比较好的实现，不想让按钮在短时间重复点击多次

Answer 1

表单元素

disabled 没有之一。

el.prop('disabled', true);
ajax({}).done(function() { el.prop('disabled', false); });

非表单元素

非表单，自然没有 disabled 之说，但可以借助中间变量。

if (el.data().loading === true) return false;
el.data('loading', true);
ajax({}).done(function() { el.data('loading', false); });

配合CSS

最后再配合css就更完美了。

.disabled, button[disabled] { background-color:#ddd; }