event.stopPropagation/event.preventDefault()/event.cancelBubble等Event属性含义

Event 接口表示在 DOM 中出现的事件。

event.bubbles: 返回一个布尔值，表明当前事件是否会向DOM树上层元素冒泡.
event.cancelable: 只读属性 cancelable 表明该事件是否可以被取消，当事件被阻止之后，该事件就好像没有被触发一样。如果事件不能被取消，则其 cancelable 属性的值为 false，且事件发生时无法在事件监听回调中停止事件。在许多事件的监听回调中调用preventDefault()前，都需要检查 cancelable 属性的值。
event.defaultPrevented: 返回一个布尔值，表明当前事件是否调用了 event.preventDefault()方法。
event.cancelBubble: cancelBubble 属性是 event.stopPropagation()的一个曾用名。在从事件处理程序返回之前将其值设置为true可阻止事件的传播。

event.preventDefault()：阻止默认事件执行。此事件还是继续传播，除非碰到事件侦听器调用stopPropagation() 或stopImmediatePropagation()，才停止传播。
event.stopImmediatePropagation()：stopImmediatePropagation() 方法阻止监听同一事件的其他事件监听器被调用。如果多个事件监听器被附加到相同元素的相同事件类型上，当此事件触发时，它们会按其被添加的顺序被调用。如果在其中一个事件监听器中执行stopImmediatePropagation() ，那么剩下的事件监听器都不会被调用。
event.stopPropagation()：stopPropagation() 方法阻止捕获和冒泡阶段中当前事件的进一步传播。但是，它不能防止任何默认行为的发生；