常见事件类型
1、click:鼠标单击：当有点击事件时，调用函数
DOM.addEventListener('click', function() {
console.log('被点击了');
})
2、dblclick:鼠标双击：当有双击事件时，调用函数
DOM.addEventListener('dblclick', function() {
console.log('老铁双击666');
})
3、mouseenter:鼠标进入
DOM.addEventListener('mouseenter', function() {
console.log('我进来了');
})
4、mouseleave:鼠标离开
DOM.addEventListener('mouseleave', function() {
console.log('哎，我又出去了');
})
5、keydown:按键按下
DOM.addEventListener('keydown', function() {
console.log('按下键盘');
})
6、keyup:按键松开
DOM.addEventListener('keyup', function() {
console.log('松开键盘');
})
7、focus:聚焦事件，一般作用在input标签
DOM.addEventListener('focus', function() {
console.log('获取焦点');
})
8、blur:失焦事件，一般作用在input标签
DOM.addEventListener('blur', function() {
console.log('失去焦点');
}
9、input:内容改变事件，当内容发生改变的时候就调用
DOM.addEventListener('input', function() {
console.log('内容发生改变'); //只要内容一改变就调用函数
}
10、change事件: 1.普通的输入框：内容改变同时失焦 2.对于file:文件选择完毕之后
DOM.addEventListener('change', function() {
console.log('内容发生改变，并失去焦点');
}
