前端js-----DOM事件高级(阻止默认行为&&事件冒泡)

有时候我们不需要一些默认行为，这时我们需要阻止默认行为：代码如下

a.onclick = function(e){
//e.preventDefault();//适用普通浏览器
//e.returnValue;//ie 6 , 7, 8
return false;//无兼容，（仅限于传统注册方式，但return后面的代码将不会执行；但是在二级事件中没用）
}

---

!!!阻止冒泡（事件）

(1)e.stopPropagation();

(2)e.cancelBubble = true; // ie 6,7，8 解决兼容性代码如下：

if(e && e.stopPropagation){
e.stopPropagation();
}else{
window.event.cancelBubble = true;
}

---

事件冒泡的应用：事件委派（委托、代理）

事件委托的原理：不是每个子节点都单独设置事件监听器，而是事件监听器设置在其父节点上，然后利用冒泡原理影响设置每一个子节点（可以做个tab栏试试）

作用（好处）：只操作了一次DOM，提高了程序的性能