基于不同瀏覽器開發(fā)的開發(fā)任意都知道,獲取事件信息是分廠重要的.常見的信息包括:

1.引起事件的對象

2.事件發(fā)生時鼠標的信息

3.事件發(fā)生時鍵盤信息

事件對象只能發(fā)生事件時才被創(chuàng)建,只有事件處理函數才能訪問,所有處理函數執(zhí)行完畢后,事件對象被銷毀.

在IE中事件對象是window對象的一個屬性event.也就是說事件處理函數必須訪問事件對象.

比如

foraspcn.onclick = function(){

var obj = window.event;

}

盡管event是window對象的屬性,event對象還是只能在事件訪問時發(fā)生,執(zhí)行完畢后消失.

在Dom標準中event必須作為唯一參數傳給事件處理函數.

foraspcn.onclick = function(){

var obj = argument[0];

}

省略寫

foraspcn.onclick = function(obj){}//這里的obj就是event對象

IE中的事件屬性和方法.

特性/方法 類型 可讀寫 描述

altKey Boolean R/W true標識按下了alt鍵,false標識沒有按下

button Integer R/W 對特定的鼠標按鍵,標識按下了鼠標按鍵(0沒有按,1按左鍵,2按右鍵,3同時左右鍵按下,4按中鍵,5左中鍵,6右中鍵,7左右中鍵)

cancelBubble Boolean R/W 當開發(fā)人員設定為true時,將會停止向上冒泡

clientX Integer R/W 事件發(fā)生時鼠標所在客服區(qū)域x坐標(不包括工具欄和滾動條)

clientY Integer R/W 事件發(fā)生時鼠標所在客服區(qū)域y坐標(不包括工具欄和滾動條)

ctrlKey Boolean R/W true表示按下了ctrl鍵,false否則沒有按下

fromElement Element R/W 某些鼠標事件中鼠標離開的元素.比如某個div的onmouseout事件,則返回div這個元素

keyCode Integer R/W 對于keyPress事件,表示按下按鈕的unicode字符,對于keydown和keyup表示按下按鈕的數字代號.

offseX Integer R/W 鼠標相對應事件對象的x的坐標

offseY Integer R/W 鼠標相對應事件對象的y的坐標

repeat Boolean R 如果一直重復按鍵則返回true否則false

returnValue Boolean R/W 開發(fā)人員設置為false 以取消默認動作

screenX Integer R/W 相對于計算機屏幕的X位置

screenY Integer R/W 相對于計算機屏幕的y位置

shiftKey Integer R/W rue表示按下了shift鍵,false否則沒有按下

scrElement Element R/W 引起事件的元素

toElement Element R/W 在鼠標事件中,鼠標進入的元素.

type String R/W 事件名稱

x Integer R/W 鼠標引起事件的元素的父元素的x的坐標

y Integer R/W 鼠標引起事件的元素的父元素的Y的坐標

在DOM中跟IE有很多相似的,下面列出來DOM中特殊的屬性和方法.注意:可讀寫,DOM基本上都是可讀的,只有幾個可寫有altKey,button,keycCode,)

bubbles Boolean R 是否出于冒泡階段中

cancelable Boolean R 表示事件冒泡是否已經取消

charcode Integer R 返回按鍵的Unicode值

currentTarget Element R 事件當前所指元素.

detail Integer R 鼠標按鈕點擊次數

eventPhase Integer R 事件階段 0捕獲,1在目標上,2冒泡階段

isChar Boolean R 表示按下按鍵是否有字符與之相關

keyCode Integer R 表示按下按鍵的數字代號

PageX Integer R 表示鼠標相對于頁面的x坐標

PageY Integer R 表示鼠標相對于頁面的y坐標

preventDefault() function N/A 調用此方法可以組織默認事件行為

relatedTarget Element R 事件的第二個目標,用于鼠標事件

stopPropagation function N/A 調用此方法用來阻止冒泡

timetamp Long R 事件發(fā)生事件.

以上就是IE和Dom的屬性和方法.以后再舉例應用!

更多信息請查看IT技術專欄