DOM元素添加事件

element**.addEventListener(event, function[, useCapture])
参数：**

  • event: 字符串，指定事件名。(click, focus, blur, keydown…)
  • function: 当前事件对象会作为第一个参数传入函数
  • useCapture: 布尔值，指定事件是否在捕获或冒泡阶段执行
    • true - 事件句柄在捕获阶段执行
    • false - 默认。事件句柄在冒泡阶段执行

阻止默认行为

event.preventDefault();
默认行为例如表单提交，复选框勾选等
可以使用 Event.cancelable 来检查该事件的默认行为是否支持取消。
如果该事件可以用 preventDefault() 可以阻止与事件关联的默认行为，则返回 true，否则为 false.
var bool = event.cancelable;
为一个不支持cancelable的事件调用preventDefault()将没有效果。

阻止捕获和冒泡阶段中当前事件传播

event**.stopPropagation()

event.cancelBubble 属性是 Event.stopPropagation()的一个曾用名
获取或设置一个布尔值,表明当前事件是否要取消冒泡
event.cancelBubble = bool__;
var bool = event.cancelBubble;

如果一个事件是可冒泡的,则它的cancelBubble属性的默认值为 false,代表允许该事件向上冒泡.
将cancelBubble属性设置为true以后,可以阻止该事件的进一步冒泡行为.

MDN相关资料：Event