事件冒泡：开始时由最具体的元素接收，然后逐级向上传播到到 DOM 最顶层节点。
1.标准写法：利用事件对象里面的 stopPropagation()方法
e.stopPropagation()
2.非标准写法：IE 6-8 利用事件对象 cancelBubble 属性
e.cancelBubble = true
事件委托也称为事件代理， 在 jQuery 里面称为事件委派。 不是每个子节点单独设置事件监听器，而是事件监听器设置在其父节点上，然后利用冒泡原理影响设置每个子节点。
如：给 ul 注册点击事件，然后利用事件对象的 target 来找到当前点击的 li，因为点击 li，事件会冒泡到 ul 上，ul 有注册事件，就会触发事件监听器，这里只操作了一次 DOM ，提高了程序的性能。
出现场景：页面有一个输入框A绑定了blur事件，且这个事件里面需要用到ajax请求数据，然后有一个按钮B绑定了点击事件；
在A里面输入完信息后， 还没失去焦点的时候点击B，这个时候发现只执行了A的blur事件，而B的click事件没有触发。（ps: 若blur事件 仅仅只是普通操作，没有ajax异步请求的话 是没问题的）
网上搜到的三种解决办法,(个人觉得都不适合)：
1.blur事件加延时，让click先执行，缺点：click事件虽然执行了，但是在blur请求完成前执行的，不能获取到blur请求后的最新数据（pass）
2.给按钮B加个mousedown，并在mousedown里面阻止默认事件 e.preventDefault() ，因为mousedown会优先于blur事件。缺点：这样点击事件会执行，但是blur事件不会触发（pass）
3.按钮B上的点击事件换成mousedown事件，这样两者都会执行，但是mousedown(原click)先执行，类似第一种加延时处理。缺点：除了第一点说的，mousedown事件会在鼠标按下去的一瞬间执行，不是很友好。（pass）
发现上面三种都不好用，于是本人想到，能不能在点击的时候获取到鼠标点了谁，如果被点击的元素有click事件，再在blur的回调函数里面执行(以下方法若有不合适的地方，希望给与指出)
如果<p>是在<div>里面，那么呢，<P>有一个onclick事件，<div>也有onclick事件，为了触发<P>的点击事件时，不触发父元素的点击事件，那么就需要调用如下函数：代码如下:
function stopBubble(e){
if(e&&e.stopPropagation){//非IE
e.stopPropagation()
}
else{//IE
window.event.cancelBubble=true
}
}
<a onclick=''>如果要阻止默认事件的触发，即默认的href事件，那么就需要调用如下函数：
代码如下:
function stopDefault( e ) {
//阻止默认浏览器动作(W3C)
if ( e &&e.preventDefault )
e.preventDefault()
//IE中阻止函数器默认动作的方式
else
window.event.returnValue = false
return false
}
