a标签添加移除事件及开启禁用事件

Posted 2021-01-18 cwone

一、添加移除点击事件

<script type="text/javascript" src="jquery.min.js"></script><script type="text/javascript">
$(function(){
 $(".b").click(function(){
  $(this).removeAttr("onclick");
  setTimeout(function(){
   $(".b").attr("onclick","test();");
   },3000)
  })
 })
function test(){}
</script>
<p>
 <a class="b" href="#" onclick="test();">点击去掉该链接的onclick属性，3秒后再自动加上该onclick属性</a>
</p>

二、开启禁用点击事件

a标签 要用  disable 属性，必须和  pointer-events属性一起使用  ，例子 如下：

     html 部分代码：

     <a id="querySign">赞</a>

       JS 代码：

        $("#querySign").attr("disabled",true); 

        $("#querySign").css("pointer-events","none");

1、禁用点击事件

        js 缩写  一行搞定：$("#querySign").attr("disabled",true).css("pointer-events","none");  

　　加灰按钮  $(‘#querySign‘).css({ opacity: 0.2});

2、开启点击事件

　　$("#querySign").attr("disabled",false).css("pointer-events","auto");
　　$(‘#querySign‘).css({ opacity: 1});