addEventListener() 方法

参数说明：有三个参数

参数一、事件名称，字符串，必填。

事件名称不用带 "on" 前缀，点击事件直接写："click"，键盘放开事件写："keyup"

参数二、执行函数，必填。

填写需要执行的函数，如：function(){代码...}

当目标对象事件触发时，会传入一个事件参数，参数名称可自定义，如填写event，不需要也可不填写。 事件对象的类型取决于特定的事件。例如， “click” 事件属于 MouseEvent(鼠标事件) 对象。

function(event){console.log(event)}

参数三、触发类型，布尔型，可空

true - 事件在捕获阶段执行

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

参数一的事件类型大致有如下选择

鼠标事件

click 当用户点击某个对象时调用的事件句柄。

contextmenu 在用户点击鼠标右键打开上下文菜单时触发

dblclick 当用户双击某个对象时调用的事件句柄。

mousedown 鼠标按钮被按下。

mouseenter 当鼠标指针移动到元素上时触发。

mouseleave 当鼠标指针移出元素时触发

mousemove 鼠标被移动。

mouseover 鼠标移到某元素之上。

mouseout 鼠标从某元素移开。

mouseup 鼠标按键被松开。

键盘事件

属性 描述 DOM

keydown 某个键盘按键被按下。

keypress 某个键盘按键被按下并松开。

keyup 某个键盘按键被松开。

框架/对象(Frame/Object)事件

abort 图像的加载被中断。 ( )

beforeunload 该事件在即将离开页面(刷新或关闭)时触发

error 在加载文档或图像时发生错误。 ( , 和 )

hashchange 该事件在当前 URL 的锚部分发生修改时触发。

load 一张页面或一幅图像完成加载。

pageshow 该事件在用户访问页面时触发

pagehide 该事件在用户离开当前网页跳转到另外一个页面时触发

resize 窗口或框架被重新调整大小。

scroll 当文档被滚动时发生的事件。

unload 用户退出页面。 ( 和 )