WebAPI_DAY2_事件
事件
编程时系统发生的动作或发生的事情（如单击一个按钮）
事件监听
程序检测是否有事件产生，一旦事件触发，就立即调用一个函数作出响应，称为注册事件
语法
元素.addEventListener('事件',要执行的函数)
三要素
- 事件源:那个DOM元素被事件触发了，要获取DOM元素
- 事件:用什么方式触发，比如鼠标单击click.鼠标经过mouseover等
- 事件调用的函数:要做什么事
<body>
<button>test</button>
<script>
let btn = document.querySelector('button')
btn.addEventListener('click',function(){
alert("hello!")
})
</script>
</body>
事件类型
- 鼠标事件：click、mouseenter、mouseleave
- 焦点事件：focus、blur
- 键盘事件：Keydown、Keyup
- 文本事件：input
回调函数
当一个函数当作参数来传递给另一个函数的时候，这个函数就是回调函数
环境对象
函数内部特殊的变量this，代表当前函数运行时所处环境
谁调用，this就指向谁是判断this指向的粗略规则
排他思想
tab栏、小圆点
使用
- 干掉所有人：使用for循环
- 复活他自己：通过this或者下标找到自己或者对应元素
或
document.querySelector('.pink').classList.remove('pink')
//找到上一个激活态的元素，取消激活，然后再将新元素激活
