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两者都会阻止
写法如下: