JavaScript事件event物件屬性

2021-06-02 06:58:09 字數 2378 閱讀 5781

ie和ff獲取事件的不同: 

var e = window.event || e.target; //event 物件只在事件發生的過程中才有效。 

阻止事件預設行為:

ie:window.event.returnvalue = true

ff:e.preventdefault()

阻止事件冒泡行為:

ie:window.event.cancelbubble = true

ff:e.stoppropagation()

屬性                說明

clientx/clienty 返回滑鼠在視窗客戶區域中的x/y座標。

offsetx/offsety 返回相對於觸發事件的物件,滑鼠位置的x/y座標

screenx/screeny 返回滑鼠相對於使用者螢幕的x/y座標

x/y 獲取滑鼠指標位置相對于父文件的 x/y畫素座標。

在ie中。ie8以下的版本並非是相對文件。它們的值和clientx,clienty的值一樣,相對視窗客戶區.

srcelement/toelement  fromelement宣告mouseover事件中滑鼠移出的文件元素,toelement宣告mouseout事件中滑鼠移入的文件元素

type 返回沒有「on」作為字首的事件名,比如,onclick事件返回的type是click

srcelement 返回發生事件的文件元素。

button 返回按下的滑鼠鍵。

0 沒按鍵

1 按左鍵

2 按右鍵

4 按中間鍵

組合3 按左右鍵

5 按左鍵和中間鍵

6 按右鍵和中間鍵

7 按所有的鍵

cancelbubble 設定是否阻止事件起泡。預設值為false(不阻止)

returnvalue 設定是否阻止事件的預設工作

keycode 獲取鍵盤按鍵值

對於 keypress 事件,該屬性宣告了被敲擊的鍵生成的 unicode 字元碼。對於 keydown 和 keyup 事件,它指定了被敲擊的鍵的虛擬鍵盤碼。虛擬鍵盤碼可能和使用的鍵盤的布局相關。

charcode 獲取鍵盤按鍵值 只用於 keypress事件

shiftkey 檢查shift鍵的狀態

ctrlkey 檢查ctrl鍵的狀態

altkey 檢查alt鍵的狀態

propertyname 返回元素的變化了的屬性的名稱。

可以通過使用 onpropertychange 事件,得到 propertyname 的值。

如:obj.onpropertychange=function()

標準event 屬性和方法

clientx/clienty 返回滑鼠在視窗客戶區域中的x/y座標。

screenx/screeny 返回滑鼠相對於使用者螢幕的x/y座標

pagex/pagey 獲取滑鼠指標位置相對于父文件的 x/y畫素座標

layerx/layery 返回相對於觸發事件的物件,滑鼠位置的x/y座標

在firefox中只有觸發事件對你的css屬性 position 值不為 static才能獲取到正確的座標值

button 返回按下的滑鼠鍵。

0 按左鍵

1按右鍵

2 按中間鍵

type 返回沒有「on」作為字首的事件名,比如,onclick事件返回的type是click

target 發生事件的節點,可能與currenttarget不同

currenttarget 當前正在執行時間控制代碼的節點

eventphase 乙個數字,指定當前所處的事件傳播過程的階段。它的值為常量:event.capturing_phase、event.at_target、event.bubbling_phase

timestamp 乙個date物件,宣告了事件何時發生

bubbles 乙個布林值,宣告該事件是否在文件樹中起泡

cancelable 乙個布林值,宣告該事件是否有預設動作

stoppropagation() 阻止事件傳播

preventdefault() 阻止執行預設動作

relatedtarget 引用與事件的目標節點相關的節點。(mouseover--滑鼠離開的節點,mouseout--滑鼠將進入的節點)

cancelable 乙個布林值,宣告該事件是否有預設動作

cancelable 乙個布林值,宣告該事件是否有預設動作

shiftkey 檢查shift鍵的狀態

ctrlkey 檢查ctrl鍵的狀態

altkey 檢查alt鍵的狀態

metakey 返回乙個布林值,指示當事件發生時,"meta" 鍵是否被按下並保持住。

which 返回keydown何keyup事件發生的時候按鍵的**,以及keypress 事件的unicode字元

Javascript技術之詳盡解析event物件

描述 event代表事件的狀態,例如觸發event物件的元素 滑鼠的位置及狀態 按下的鍵等等。event物件只在事件發生的過程中才有效。event的某些屬性只對特定的事件有意義。比如,fromelement 和 toelement 屬性只對 onmouseover 和 onmouseout 事件有意...

javascript事件總結

onabort 影象載入被中斷 onblur 失去焦點 onclick 滑鼠單擊某個物件 onchange 使用者改變內容 ondbclick 滑鼠雙擊某個物件 onerror 當載入文件或物件時發生某個錯誤 onfocus 獲得焦點 onkeydown 鍵盤的鍵被按下 onkeypress 鍵盤的...

JavaScript事件委託

js事件處理程式 首先,為什麼要用事件委託,用一段 解釋下 如上面 如果要新增事件處理程式,我們一般做法是,給list1 list2 list3這個3個li元素分別新增事件處理程式,但是有沒有想過,如果元素很多呢,我們還是一直用這樣的方法新增嗎?當然是不可能的,這樣子,非累死程式設計師不可 這個時候...