一.添加事件监听
1.btn:事件源:就是触发事件的dom元素
2.addEventListener:事件监听机制提供的一个方法,通过它可以为元素绑定一个事件,并且在事件触发之后,调用指定的函数一定要进行处理
3.'click':事件类型,是指用户所进行操作,click代表单击,说明用户必须单击指定的元素才会触发事件
4.function(){}:事件触发之后的处理函数
二.事件其他绑定事件
1.btn.onclick = function() {
console.log(123)
}
三.常见的事件类型
一。鼠标事件1.mouseenter:鼠标进入
2.mouseleave:鼠标离开
二。焦点事件3.focus:获得焦点
4.blur:失去焦点
三。键盘事件5.keydown:键盘按下
6.keyup:键盘松开
四。输入框事件。7.input:内容改变事件,只要内容改变就会触发
8.change:失去焦点的同时,内容改变才会触发,用于file文件域,当用户选择好文件时触发