WebAPI_DAY2_事件

事件#

编程时系统发生的动作或发生的事情（如单击一个按钮）

事件监听#

程序检测是否有事件产生，一旦事件触发，就立即调用一个函数作出响应，称为注册事件

语法

元素.addEventListener('事件',要执行的函数)

三要素#

  1. 事件源:那个DOM元素被事件触发了，要获取DOM元素
  2. 事件:用什么方式触发，比如鼠标单击click.鼠标经过mouseover等
  3. 事件调用的函数:要做什么事
<body>
    <button>test</button>
    <script>
        let btn = document.querySelector('button')
        btn.addEventListener('click',function(){
            alert("hello!")
        })
    </script>
</body>

事件类型#

  1. 鼠标事件：click、mouseenter、mouseleave
  2. 焦点事件：focus、blur
  3. 键盘事件：Keydown、Keyup
  4. 文本事件：input

回调函数#

当一个函数当作参数来传递给另一个函数的时候，这个函数就是回调函数

环境对象#

函数内部特殊的变量this，代表当前函数运行时所处环境

谁调用，this就指向谁是判断this指向的粗略规则

排他思想#

tab栏、小圆点

使用

  • 干掉所有人：使用for循环
  • 复活他自己：通过this或者下标找到自己或者对应元素

或

document.querySelector('.pink').classList.remove('pink')

//找到上一个激活态的元素，取消激活，然后再将新元素激活

posted @   Exungsh💫  阅读(17)  评论(0)  编辑  收藏  举报
点击右上角即可分享
微信分享提示
AI IDE Trae
主题色彩