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元素分別新增事件處理程式,但是有沒有想過,如果元素很多呢,我們還是一直用這樣的方法新增嗎?當然是不可能的,這樣子,非累死程式設計師不可 這個時候...