1:冒泡事件是由微軟公司提出的,從觸發底部事件一直延續到最外層,這個現象就是冒泡!
2:只有巢狀關係的標籤和都是一樣的事件才可能產生冒泡!
1:evt.stoppropagation() 無法阻止 ie 低版本事件冒泡;
2: evt.cancelbubble = true;相容 ie 低版本冒泡;
if(evt.cancelbubble)else
function stopbubble(event)else
}
1:event存在的環境是繫結事件中;
2:event是乙個物件,代表事件的狀態;
3:event==evet==evt==e;
var e=evt||window.event;
1:簡單來說就是所有的事件叫dom0事件。
舉例:onclick,onmouseover,onmouseout....
2:dom就是文件物件模型,0是指這個事件的最初版本
1:addeventlistener(事件,函式,布林值) 繫結事件方法 ie不支援
舉例:addeventlistener('click',function(),false)
2:是 true 的話是捕獲事件,是 false 的話是冒泡事件;
3:removeeventlistener() 刪除事件方法 ie不支援
-------------------------event物件下面的屬性---------------------------------------
e.clientx 滑鼠在x軸的位置
e.clienty 滑鼠在y軸的位置
pagex 滑鼠在頁面x軸的位置
pagey 滑鼠在頁面y軸的位置
screenx 滑鼠在螢幕的x軸的位置
screeny 滑鼠在螢幕的y軸的位置
offsety
offsetx 火狐瀏覽器不相容
layerx 火狐瀏覽器相容
layery
target 是event物件下面的屬性,target 返回觸發此事件的元素(事件的目標節點)。
event.target 是w3c的寫法,ie瀏覽器不支援
event.srcelement 這是ie的寫法
相容寫法
var targt=e.target||e.srcelement;
cancelable=true ie寫法
preventdefault() 標準寫法
return false 函式裡面常用
認識事件冒泡和事件捕獲
一.事件冒泡就是多個元素同時響應了同乙個事件,前提是這些元素都繫結了這乙個事件。這只是我的定義,感覺好理解些。稱它為冒泡,是因為事件會按照dom元素的層次結構依次執行,就像水泡一樣不斷浮向頂端。所以稱之為事件冒泡。這個圖便於理解,我用箭頭來代替冒泡 二.事件捕獲與事件冒泡觸發順序相反,事件捕獲從外層...
hashchange事件的認識
寫過路由的同學都知道其原理是通過url的改變,由導航資訊來決定頁面資訊。表述的好像有點不準確 這麼說吧,只要url引數列表只要變化就會呼叫hashchange事件,此時event物件包括oldurl和newurl兩個屬性,分別儲存引數列表變化前後的完整url。目前支援hashchange事件的瀏覽器...
事件處理程式的認識
html事件處理程式 dianjifunction clickme event 缺點 dom0級事件處理程式 js處理程式的傳統方式,將乙個函式複製給乙個事件處理程式屬性 var btn document.getelementbyid btn1 btn.onclick function event ...