jsjquerycss禁⽤点击事件
js/jquery/css 禁⽤点击事件
> ⼯作中遇到这种情况：验证邮箱页⾯的重新发送需要在3分钟后才可以点击重新发送，所以在这之前需要禁⽤他的点击
==我⽹上查了后有⼀下⼏种实现⽅法==
1.css禁⽤⿏标点击事件
.disabled { pointer-events: none; }
//简单⽅便⿏标呈现普通指针状，但是***失去***了点击事件
jquery禁⽤a标签⽅法1
01  $(document).ready(function() {
02          $("a").each(function() {
03var textValue = $(this).html();
04if (textValue == "XX概况" || textValue == "服务导航") {
05                  $(this).css("cursor", "default");
06                  $(this).attr('href', '#');    //修改<a>的 href属性值为 #  这样状态栏不会显⽰链接地址
07                  $(this).click(function(event) {
08                      event.preventDefault();  // 如果<a>定义了 target="_blank“ 需要这句来阻⽌打开新页⾯
09                  });
10              }
11          });
12  });
jquery禁⽤a标签⽅法2
1  $('a.tooltip').live('click', function(event) {
2      alert("抱歉，已停⽤！");
jquery的attr属性3    event.preventDefault();
4  });
jquery禁⽤a标签⽅法3
1  $(function(){
2  $('.disableCss').removeAttr('href');//去掉a标签中的href属性
3  $('.disableCss').removeAttr('onclick');//去掉a标签中的onclick事件
4  });
jquery控制按钮的禁⽤与启⽤
控制按钮为禁⽤：
1  $('#button').attr('disabled',"true")；添加disabled属性
2  $('#button').removeAttr("disabled");
//移除disabled属性
live() ⽅法为被选元素附加⼀个或多个事件处理程序，并规定当这些事件发⽣时运⾏的函数。
通过 live() ⽅法附加的事件处理程序适⽤于匹配选择器的当前及未来的元素（⽐如由脚本创建的新元素）。
++问题：使⽤jQuery的live()⽅法绑定事件，有时会出现重复绑定的情况，如，当点击⼀个按钮时，此按钮所绑定的事件会并执⾏n遍。++ ==解决：使⽤die()⽅法，在live()⽅法绑定前，将此元素上的前⾯被绑定的事件统统解除，然后再通过live()⽅法绑定新的事件。==
Js代码
//先通过die()⽅法解除，再通过live()绑定$("#selectAll").die().live("click",function(){ //事件运⾏代码
});
//先通过die()⽅法解除，再通过live()绑定$("#selectAll").die().live("click",function(){ //事件运⾏代码
});
die()

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。