JS事件物件event

事件物件（事件引數物件，event物件）

1, 什麼是事件物件

任何乙個事件觸發後都會包含乙個event物件

event物件中包含與當前事件相關的一些屬性和方法。

2, 獲取event物件

1， 在html中繫結事件

《標記 on事件名="btn(event)">

eg:function btn(event)

注意：1，event名字不可以更改；

2，事件處理函式中需要帶上event形參

2, js中動態為元素繫結事件

var ele = document.getelementbyid('id');

ele.onclick = function(event)

3， 事件物件的常用屬性

1， 事件源

1， 觸發當前事件的元素；就是事件源， 一般是標記

2， 獲取事件源

通過event.target獲取事件源，事件源是乙個dom物件；

(動態繫結中，同this)

2， 滑鼠事件的常用屬性

滑鼠事件--click,mouseover,mouseout,mousemove

滑鼠事件屬性：

1，元素位置：

offsetx 和 offsety 用於獲取滑鼠在元素上的座標點

元素左上角為(0,0)開始計算

2， 網頁位置：

clientx, clienty 獲取滑鼠在網頁上的座標點

以整個網頁左上角為(0,0)點開始計算

3， 螢幕位置：

screenx, screeny 獲取滑鼠在螢幕上的座標點

以整個螢幕左上角為(0,0)點開始計算

3, 鍵盤事件的常用屬性

鍵盤事件 -- keydown, keypress, keyup

1, keypress事件

只有在輸入字元的條件下才會被激發

1， which :

當前按下字元的ascii碼

2， key

當前按下的字元

注意： 該事件允許通過乙個返回值，通知元素是否要處理該事件；

返回值為true，則正常顯示輸入的字元；返回值為false則終止顯示；

2, keydown事件

只要按下鍵盤鍵位的時候就會被觸發，無論是否有字元的輸入；

1, which: 記錄的是鍵位碼，不是ascii碼；

只區分按鍵，不區分大小寫；

大小寫字元是同一鍵位，所以鍵位碼相同；

返回值同keypress

滑鼠事件
滑鼠放大效果
keypress 
keydown 

js 事件物件event

在觸發dom上的某個事件時，會產生乙個事件物件event。這個物件中包含著所有與事件有關的資訊。包括導致事件的元素，事件的型別以及其他與特定事件相關的資訊。我是div div class son son div div script varbox document.queryselector box...

js事件物件event

js的事件物件 即我們函式中經常會用到的 event event 物件代表事件的狀態，比如事件在其中發生的元素 鍵盤按鍵的狀態 滑鼠的位置 滑鼠按鈕的狀態。事件通常與函式結合使用，函式不會在事件發生前被執行！通常我們用得比較多的 就是在標籤上 寫onclick fn 屬性 描述 altkey 返回當...

js 事件物件 event 事件委託

div.onclick function event event.target 火狐只有這個 event.srcelement ie只有這個 這兩chrome都有 可以用來事件委託 理用事件冒泡，和事件源物件進行處理 優點效能 不需要迴圈所有的元素乙個個繫結事件 靈活 當有新的子元素時不需要重新繫結...