在dom的addEventListener() 方法中,参数有三个,
event表示事件名称,例如'click';
function表示执行的回调函数,当事件对象会作为第一个参数传入函数。 事件对象的类型取决于特定的事件。例如, "click" 事件属于 MouseEvent(鼠标事件) 对象;
useCapture表示指定事件是否在捕获或冒泡阶段执行——true - 事件句柄在捕获阶段执行
false:默认值,事件句柄在冒泡阶段执行。
js事件流有以下阶段:
DOM2级事件模型中规定了事件流的三个阶段:捕获阶段、目标阶段、冒泡阶段,低版本IE(IE8及以下版本)不支持捕获阶段
捕获事件流:Netscape提出的事件流,即事件由页面元素接收,逐级向下,传播到最具体的元素。
冒泡事件流:IE提出的事件流,即事件由最具体的元素接收,逐级向上,传播到页面。
使用removeEventListener() 方法来移除addEventListener()方法添加的事件句柄。
分别在window、document、html、body、btn上绑定事件,单击按钮,输出结果如下:

网友评论