jq禁掉或移除点击事件的方法总结_jq禁用点击事件-优快云博客

本文介绍了几种禁用网页按钮点击的方法，包括使用CSS样式、jQuery的preventDefault()方法及操作disabled属性等，适用于不同场景的需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天由于遇到了这种情况：验证手机验证码的重新发送需要在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属性