事件addEventListener（）参数及事件汇总

     addEventListener() 方法用于给元素添加监听事件，同一个元素可以重复添加，并且不会覆盖之前相同事件，用removeEventListener() 方法来移除事件。

使用方法：

    element.addEventListener("click",function(e)=>{
            console.log("点击事件监听");
            console.log("点击返回的参数"：e);
    })
传递参数（包含三个参数）：
1.事件名称（String类型）

例如点击事件click，鼠标按下mousedown（和元素绑定事件类似，但不需要on）

2.监听事件所需要执行的函数（void）

如function（event）{ } 或者箭头函数的形式 （event）=> {   }

 3.触发类型（boolean，选填）

true - 事件在捕获阶段执行
false - 事件在冒泡阶段执行，默认是false

鼠标事件：
click                          当用户点击某个对象时调用的事件句柄
contextmenu            在用户点击鼠标右键打开上下文菜单时触发
dblclick                     当用户双击某个对象时调用的事件句柄
mousedown              鼠标按钮被按下
mouseenter              当鼠标指针移动到元素上时触发
mouseleave              当鼠标指针移出元素时触发
mousemove              鼠标被移动
mouseover                鼠标移到某元素之上
mouseout                  鼠标从某元素移开
mouseup                   鼠标按键被松开

键盘事件：
keydown                     某个键盘按键被按下
keypress                     某个键盘按键被按下并松开
keyup                          某个键盘按键被松开

框架/对象（Frame/Object）事件： 
abort                                图像的加载被中断
beforeunload                  该事件在即将离开页面（刷新或关闭）时触发
error                                 在加载文档或图像时发生错误
hashchange                    该事件在当前 URL 的锚部分发生修改时触发
load                                  一张页面或一幅图像完成加载
pageshow                        该事件在用户访问页面时触发
pagehide                          该事件在用户离开当前网页跳转到另外一个页面时触发
resize                                窗口或框架被重新调整大小
scroll                                 当文档被滚动时发生的事件
unload                               用户退出页面

表单事件： 
blur                     元素失去焦点时触发
change               该事件在表单元素的内容改变时触发
focus                  元素获取焦点时触发
focusin               元素即将获取焦点是触发
focusout             元素即将失去焦点是触发
input                   元素获取用户输入是触发
reset                   表单重置时触发
search                 用户向搜索域输入文本时触发

剪贴板事件： 
copy                    该事件在用户拷贝元素内容时触发
cut                       该事件在用户剪切元素内容时触发
paste                   该事件在用户粘贴元素内容时触发

打印事件：
afterprint                 该事件在页面已经开始打印，或者打印窗口已经关闭时触发
beforeprint              该事件在页面即将开始打印时触发

多媒体（Media）事件：
abort                            事件在视频/音频（audio/video）终止加载时触发
canplay                        事件在用户可以开始播放视频/音频（audio/video）时触发
canplaythrough          事件在视频/音频（audio/video）可以正常播放且无需停顿和缓冲时触发
durationchange          事件在视频/音频（audio/video）的时长发生变化时触发
emptied                       当前播放列表为空时候触发
ended                          事件在视频/音频（audio/video）播放结束时触发
error                            事件在视频/音频（audio/video）数据加载期间发生错误时触发
loadeddata                  事件在浏览器加载视频/音频（audio/video）当前帧时触发触发
loadedmetadata         事件在指定视频/音频（audio/video）的元数据加载后触发
loadstart                     事件在浏览器开始寻找指定视频/音频（audio/video）触发
pause                          事件在视频/音频（audio/video）暂停时触发
play                             事件在视频/音频（audio/video）开始播放时触发
playing                       事件在视频/音频（audio/video）暂停或者在缓冲后准备重新开始播放时触发：
progress                    事件在浏览器下载指定的视频/音频（audio/video）时触发
ratechange                事件在视频/音频（audio/video）的播放速度发送改变时触发
seeked                       事件在用户重新定位视频/音频（audio/video）的播放位置后触发
seeking                      事件在用户开始重新定位视频/音频（audio/video）时触发
stalled                        事件在浏览器获取媒体数据，但媒体数据不可用时触发
suspend                     事件在浏览器读取媒体数据中止时触发
timeupdate                事件在当前的播放位置发送改变时触发
volumechange          事件在音量发生改变时触发
waiting                       事件在视频由于要播放下一帧而需要缓冲时触发

动画事件： 
animationend                 该事件在 CSS 动画结束播放时触发
animationiteration         该事件在 CSS 动画重复播放时触发
animationstart                该事件在 CSS 动画开始播放时触发

过渡事件：
 transitionend                 该事件在 CSS 完成过渡后触发

其他事件：
message                    该事件通过或者从对象(WebSocket, Web Worker, Event Source 或者子 frame 或父窗口)接收到消息时触发
online                         该事件在浏览器开始在线工作时触发。
offline                         该事件在浏览器开始离线工作时触发。
popstate                     该事件在窗口的浏览历史（history 对象）发生改变时触发。
show                           该事件在窗口显示时触发（onshow方法也仅仅在fireFox浏览器支持）

元素在上下文菜单显示时触发： 
 storage                  该事件在 Web Storage(HTML 5 Web 存储)更新时触发（仅限于在控制台里修改、新增和删除，代码里修改是监听不到的）
 toggle                    该事件在用户打开或关闭 元素时触发
 wheel                     该事件在鼠标滚轮在元素上下滚动时触发