JS阻止事件冒泡和默认行为

1、首先对事件冒泡和默认行为以及要用到的事件对象event有个认识

• 对事件冒泡的理解是当触发一个子元素的事件时，同时它的父元素的事件也会依次被触发。即事件从最低层元素依次向最外层元素触发
• 默认事件（行为）指的是有些元素自身会有一些行为会自行被触发。例如< a>链接，提交按钮< input type = ‘submit’/>
• event代表事件的状态。例如触发event对象的元素、鼠标的位置及状态，按下的键等等
• event只在事件发生的过程中才有效
• 不同的浏览器用到event时会有所不同：例如IE里面是全局变量，即window.event；而火狐firefox里面是临时变量，需要用参数引导才可以用

2、阻止事件冒泡：
w3c方法是e.stopPropation()
IE中方法是window.event.cancelBubble = true
使用如下：

3、阻止事件默认行为：
w3c方法是e.preventDefault
IE中方法是window.event.returnValue = false
用法如下：

4、return false方法组织事件冒泡和默认行为
javaScript的return只会阻止默认行为，而jQuery的return false两者都会阻止
写法如下：