認識js 事件

2021-10-09 23:28:39 字數 1495 閱讀 8746

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 ...