关于a标签的禁用

这篇总结主要讲解了a标签的禁用应该如何实现？

/*1.点击验证码 
    5秒倒计时：  05秒后获取验证码
    细节：上一个倒计时没有结束之前，按钮不能点击
*/
//获取验证按钮
let yz = document.querySelector('.code')  
let i = 5
//设置点击事件
yz.addEventListener('click', function fn() {   
  if(i !== 5) {      //方法2                           
    return
  }
  yz.classList.add('ing')
  yz.innerHTML = `获取验证码(${i})`
  //开启定时器
  let stop = setInterval(function () {    
    // yz.style.pointerEvents = 'none' 方法1
    yz.classList.add('ing')
    i--
    console.log(i)
    yz.innerHTML = `获取验证码(${i})`
    if (i === 0) {
      clearInterval(stop)    //关闭定时器
      yz.classList.remove('ing')  
      yz.innerHTML = `发送验证码`
      // yz.style.pointerEvents = 'all' 方法1
      i = 5                         //方法2
    }
  }, 1000)
}
)
/*
a标签禁用：
方法1：
给a标签添加pointer-events:'none'
恢复点击则是pointer-events:'all'
*/

disable只能用于表单元素，因此对a标签是不会生效

a标签禁用：
给a标签添加pointer-events:’none’
恢复点击则是pointer-events:’all’