jq禁掉或移除点击事件的方法总结

今天由于遇到了这种情况：验证手机验证码的重新发送需要在60s后才可以点击触发请求，所以在这之前需要禁用它的点击，故特意总结了下

1、css方法

.disabled { pointer-events: none; }

2、jq方法

①preventDefault() 方法阻止元素发生默认的行为（例如，下面方法将防止a链接打开 URL）

$("a").click(function(event){
event.preventDefault();
});

当然也可以用live 、on、bind的绑定click方法

$("a").on('click',function(event){
event.preventDefault();
});

②当正在执行某种方法时，也可以禁掉onclick，removeAttr() 方法从被选元素中移除属性

$('.disabled').removeAttr('onclick');//去掉标签中的onclick事件

③通过disabled属性去禁掉点击事件，一般用在类型为button或submit的input上

添加disabled属性

$('#button').attr('disabled','disabled')//添加disabled，属性禁掉点击事件
$('#button').attr('disabled',"true");//添加disabled属性

移除disabled属性

$('#button').removeAttr('disabled'); //移除disabled属性

案例见链接