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兩者都會阻止
寫法如下: