JavaScript基础介绍三(事件)

原生js事件绑定

我们直接写几个案例，看懂即可

• 开关灯案例

  变色

  <script>
      let btnEle = document.getElementById('d2')
      let divEle = document.getElementById('d1')
      btnEle.onclick = function () {  // 绑定点击事件
          // 动态的修改div标签的类属性
          divEle.classList.toggle('bg_red')
      }
  </script>
  

• input框获取焦点失去焦点案例

• 实时展示当前时间

  开始 结束

• 省市联动

  //selected 多选框默认选中 disabled 不能点击 --请选择--