事件简单学习

  • 功能： 某些组件被执行了某些操作后，触发某些代码的执行。

    • 造句： xxx被xxx,我就xxx
      • 我方水晶被摧毁后，我就责备对友。
      • 敌方水晶被摧毁后，我就夸奖自己。

  • 如何绑定事件

    1. 直接在html标签上，指定事件的属性(操作)，属性值就是js代码

      1. 事件：onclick--- 单击事件

    2. 通过js获取元素对象，指定事件属性，设置一个函数

    • 代码：

        <script>
      function fun(){
          alert('我被点了');
          alert('我又被点了');
      }
  
      function fun2(){
          alert('咋老点我？');
      }
  
      //1.获取light2对象
      var light2 = document.getElementById("light2");
      //2.绑定事件
      light2.onclick = fun2;
  </script>
      </body>

  • 案例1：电灯开关

    <html lang="en"> <head> <meta charset="UTF-8"> <title>电灯开关</title>
posted @   Blue啊  阅读(17)  评论(0)  编辑  收藏  举报
相关博文：
· JavaScript2
· 事件监听机制
· 事件简单学习和案例1电灯开关
· 事件简单学习与案例1_电灯开关
· 事件简单学习和案例_点灯开关
阅读排行：
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示