web项目中页面防连击事件处理

// 1.dom直接点击事件例如：onclick = “handleClick(this)” // 此方法体中this为当前点击dom元素
function handleClick(this) {
var that = this;
if ($(that).hasClass(“hasClick”)) {
layer.alert(‘请勿重复提交，请稍后再试’, {
icon: 2,
skin: ‘layer-ext-moon’
})
return false;
} else {
$(that).addClass(“hasClick”);
$.ajax({
success: function(data) {
$(that).removeClass(“hasClick”);
},
error: function() {
$(that).removeClass(“hasClick”);
}
})
}
}

// 2, jq 绑定事件
$(document).on(“click”, “.btnClick”, function () {
var that = $(this);
if (that.hasClass(“hasClick”)) {
layer.alert(‘请勿重复提交，请稍后再试’, {
icon: 2,
skin: ‘layer-ext-moon’
})
return false;
} else {
that.addClass(“hasClick”);
$.ajax({
success: function(data)