回顧
事件對(duì)象里包含三個(gè)方面的信息····回看上一篇內(nèi)容！

事件對(duì)象里的屬性和方法，主要是鼠標(biāo)和鍵盤(pán)的信息。

1. 獲取事件類(lèi)型

事件對(duì)象屬性type

2. 獲取按鍵代碼

事件對(duì)象屬性keyCode：回車(chē)為13，空格為32，后退鍵為8

3. 檢測(cè)Shift、Alt、Ctrl鍵

事件對(duì)象屬性是否被按下：shiftKey、altKey、ctrlKey

4. 獲取客戶(hù)端坐標(biāo)

事件對(duì)象屬性clientX和clientY

5. 獲取屏幕坐標(biāo)

事件對(duì)象屬性screenX和screenY

事件的類(lèi)型
根據(jù)觸發(fā)事件的事物和事件發(fā)生的對(duì)象，可將瀏覽器中發(fā)生的事件分為幾個(gè)類(lèi)型：

一、 鼠標(biāo)事件

每個(gè)鼠標(biāo)事件都會(huì)給以下event對(duì)象的屬性填入值：

1.坐標(biāo)屬性（如clientX 和 client 等）

2.Type屬性

3.Targer(DOM)或serElement（IE）屬性（目標(biāo)對(duì)象屬性）

4.shiftKey、ctrlKey、altKey和metaKey（DOM）屬性

5.button屬性（只在mouse事件中）

(oEvent.target || oEvent.srcElement).id邏輯符或操作符作用于兩個(gè)對(duì)象時(shí)，第一個(gè)對(duì)象非空，返回第一個(gè)對(duì)象，否則返回第二個(gè)對(duì)象，這里表示的是引起事件的元素的ID。

二、 鍵盤(pán)事件

Keydown --- 在鍵盤(pán)上按下某按鍵時(shí)發(fā)生。一直按著某鍵，它則會(huì)不斷觸發(fā)。

Keypress --- 按下一個(gè)按鍵，并產(chǎn)生一個(gè)字符時(shí)產(chǎn)生（也就是不管類(lèi)似Shit ctrl alt之類(lèi)的鍵。）一直按鍵時(shí)，它會(huì)持續(xù)發(fā)生。

Keyup --- 釋放按著的按鍵時(shí)發(fā)生

1. 事件的屬性

對(duì)每個(gè)鍵盤(pán)事件，會(huì)填入以下的事件屬性：

keyCode屬性（鍵位的ASC碼值）

charCode屬性（僅DOM）

target（DOM）與srcElement（IE）屬性

shiftKey、ctrlKey、altKey和metaKey（DOM）屬性

2.順序

當(dāng)用戶(hù)按一次某字符按鍵時(shí)，會(huì)按以下順序發(fā)生事件：

（1）、keydown；

（2）、keypress；

（3）、keyup；

如果用戶(hù)按一次某非字符按鍵（例如shift），會(huì)按以下順序發(fā)生事件：

（1）、keydown；

（2）、keyup；

三、 HTML事件

onload、unload、resize、scroll等事件。

四、 突變事件

文檔或元素元素的子樹(shù)的添加刪除節(jié)點(diǎn)，目前還沒(méi)有任何主流瀏覽器實(shí)現(xiàn)了它。

最新評(píng)論