window.Event参数详解
生活随笔
收集整理的這篇文章主要介紹了
window.Event参数详解
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
window.evet 說明 event代表事件的狀態(tài)，例如觸發(fā)event對象的元素、鼠標的位置及狀態(tài)、按下的鍵等等。
event對象只在事件發(fā)生的過程中才有效。
event的某些屬性只對特定的事件有意義。比如，fromElement 和 toElement 屬性只對 onmouseover 和 onmouseout 事件有意義。
例子
下面的例子檢查鼠標是否在鏈接上單擊，并且，如果shift鍵被按下，就取消鏈接的跳轉。
<HTML>
<HEAD><TITLE>Cancels Links</TITLE>
<SCRIPT LANGUAGE="JScript">
function cancelLink() {
if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
window.event.returnValue = false;
}
</SCRIPT>
<BODY οnclick="cancelLink()">
下面的例子在狀態(tài)欄上顯示鼠標的當前位置。
<BODY οnmοusemοve="window.status = 'X=' + window.event.x + ' Y=' + window.event.y">
屬性：
altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode,
offsetX, offsetY, propertyName, returnValue, screenX, screenY, shiftKey,
srcElement, srcFilter, toElement, type, x, y
--------------------------------------------------------------------------------
1.altKey
描述：
檢查alt鍵的狀態(tài)。
語法：
event.altKey
可能的值：
當alt鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。
2.button
描述：
檢查按下的鼠標鍵。
語法：
event.button
可能的值：
0 沒按鍵
1 按左鍵
2 按右鍵
3 按左右鍵
4 按中間鍵
5 按左鍵和中間鍵
6 按右鍵和中間鍵
7 按所有的鍵
這個屬性僅用于onmousedown, onmouseup, 和 onmousemove 事件。對其他事件，不管鼠標狀態(tài)如何，都返回 0（比如onclick）。
3.cancelBubble
描述：
檢測是否接受上層元素的事件的控制。
語法：
event.cancelBubble[ = cancelBubble]
可能的值：
這是一個可讀寫的布爾值:
TRUE 不被上層原素的事件控制。
FALSE 允許被上層元素的事件控制。這是默認值。
例子：
下面的代碼片斷演示了當在圖片上點擊（onclick）時，如果同時shift鍵也被按下，就取消上層元素（body）上的事件onclick所引發(fā)的showSrc()函數(shù)。
<SCRIPT LANGUAGE="JScript">
function checkCancel() {
if (window.event.shiftKey)
window.event.cancelBubble = true;
}
function showSrc() {
if (window.event.srcElement.tagName == "IMG")
alert(window.event.srcElement.src);
}
</SCRIPT>
<BODY οnclick="showSrc()">
<IMG οnclick="checkCancel()" src="/sample.gif">
4.clientX
描述：
返回鼠標在窗口客戶區(qū)域中的X坐標。
語法：
event.clientX
注釋：
這是個只讀屬性。這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
5.clientY
描述：
返回鼠標在窗口客戶區(qū)域中的Y坐標。
語法：
event.clientY
注釋：
這是個只讀屬性。這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
6.ctrlKey
描述：
檢查ctrl鍵的狀態(tài)。
語法：
event.ctrlKey
可能的值：
當ctrl鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。
7.fromElement
描述：
檢測 onmouseover 和 onmouseout 事件發(fā)生時，鼠標所離開的元素。 參考：18.toElement
語法：
event.fromElement
注釋：
這是個只讀屬性。
8.keyCode
描述：
檢測鍵盤事件相對應的內(nèi)碼。
這個屬性用于 onkeydown, onkeyup, 和 onkeypress 事件。
語法：
event.keyCode[ = keyCode]
可能的值：
這是個可讀寫的值，可以是任何一個Unicode鍵盤內(nèi)碼。如果沒有引發(fā)鍵盤事件，則該值為 0 。
9.offsetX
描述：
檢查相對于觸發(fā)事件的對象，鼠標位置的水平坐標
語法：
event.offsetX
10.offsetY
描述：
檢查相對于觸發(fā)事件的對象，鼠標位置的垂直坐標
語法：
event.offsetY
11.propertyName
描述：
設置或返回元素的變化了的屬性的名稱。
語法：
event.propertyName [ = sProperty ]
可能的值：
sProperty 是一個字符串，指定或返回觸發(fā)事件的元素在事件中變化了的屬性的名稱。
這個屬性是可讀寫的。無默認值。
注釋：
你可以通過使用 onpropertychange 事件，得到 propertyName 的值。
例子：
下面的例子通過使用 onpropertychange 事件，彈出一個對話框，顯示 propertyName 的值。
<HEAD>
<SCRIPT>
function changeProp()
{
btnProp.value = "This is the new VALUE";
}
function changeCSSProp()
{
btnStyleProp.style.backgroundColor = "aqua";
}
</SCRIPT>
</HEAD>
<BODY>
<P>The event object property propertyName is
used here to return which property has been
altered.</P>
<INPUT TYPE=button ID=btnProp οnclick="changeProp()"
VALUE="Click to change the VALUE property of this button"
onpropertychange='alert(event.propertyName+" property has changed value")'>
<INPUT TYPE=button ID=btnStyleProp
οnclick="changeCSSProp()"
VALUE="Click to change the CSS backgroundColor property of this button"
onpropertychange='alert(event.propertyName+" property has changed value")'>
</BODY>
12.returnValue
描述：
設置或檢查從事件中返回的值
語法：
event.returnValue[ = Boolean]
可能的值：
true 事件中的值被返回
false 源對象上事件的默認操作被取消
例子見本文的開頭。
13.screenX
描述：
檢測鼠標相對于用戶屏幕的水平位置
語法：
event.screenX
注釋：
這是個只讀屬性。這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
14.screenY
描述：
檢測鼠標相對于用戶屏幕的垂直位置
語法：
event.screenY
注釋：
這是個只讀屬性。這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
15.shiftKey
描述：
檢查shift鍵的狀態(tài)。
語法：
event.shiftKey
可能的值：
當shift鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。
16.srcElement
描述：
返回觸發(fā)事件的元素。只讀。例子見本文開頭。
語法：
event.srcElement
17.srcFilter
描述：
返回觸發(fā) onfilterchange 事件的濾鏡。只讀。
語法：
event.srcFilter
18.toElement
描述：
檢測 onmouseover 和 onmouseout 事件發(fā)生時，鼠標所進入的元素。 參考：7.fromElement
語法：
event.toElement
注釋：
這是個只讀屬性。
例子：下面的代碼演示了當鼠標移到按鈕上時，彈出一個對話框，顯示“mouse arrived”
<SCRIPT>
function testMouse(oObject) {
if(oObject.contains(event.toElement)) {
alert("mouse arrived");
}
}
</SCRIPT>
:
<BUTTON ID=oButton οnmοuseοver="testMouse(this)">Mouse Over This.</BUTTON>
19.type
描述：
返回事件名。
語法：
event.type
注釋：
返回沒有“on”作為前綴的事件名，比如，onclick事件返回的type是click
只讀。
20. x
描述：
返回鼠標相對于css屬性中有position屬性的上級元素的x軸坐標。如果沒有css屬性中有position屬性的上級元素，默認以BODY元素作為參考對象。
語法：
event.x
注釋：
如果事件觸發(fā)后，鼠標移出窗口外，則返回的值為 -1
這是個只讀屬性。這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
21. y
描述：
返回鼠標相對于css屬性中有position屬性的上級元素的y軸坐標。如果沒有css屬性中有position屬性的上級元素，默認以BODY元素作為參考對象。
語法：
event.y
注釋：
如果事件觸發(fā)后，鼠標移出窗口外，則返回的值為 -1
這是個只讀屬性。這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
----------------------------------------------------------------------------------------------------------------------------
IE,FireFox中的事件Event對象
event代表事件的狀態(tài)，專門負責對事件的處理，它的屬性和方法能幫助我們完成很多和用戶交互的操作;
一、Event對象的主要屬性和方法
??????? 1.type：事件的類型，就是HTML標簽屬性中，沒有“on”前綴之后的字符串，例如“Click”就代表單擊事件。
2.srcElement：事件源，就是發(fā)生事件的元素。比如<a οnclick="check()"></a> a這個鏈接是事件發(fā)生的源頭，也就是該事件的srcElement。(非IE中用target)
3.button：聲明了被按下的鼠標鍵，是一個整數(shù)。0代表沒有按鍵，1代表鼠標左鍵，2代表鼠標右鍵，4代表鼠標的中間鍵，如果按下了多個鼠標鍵，就把這些值加在一起，所以3就代表左右鍵同時按下。
4.clientX/clientY：是指事件發(fā)生的時候，鼠標的橫、縱坐標，返回的是整數(shù)，它們的值是相對于包容窗口的左上角生成的。
5.offsetX/offsetY：鼠標指針相對于源元素的位置，可以確定單擊Image對象的哪個象素。
6.altKey，ctrlKey，shiftKey：顧名思義，這些屬性是指鼠標事件發(fā)生的時候，是否同時按住了Alt、Ctrl或者Shift鍵，返回的是一個布爾值。
7.keyCode：返回keydown和keyup事件發(fā)生的時候，按鍵的代碼以及keypress事件的Unicode字符。比如event.keyCode=13代表按下了回車鍵；
8.fromElement、toElement前者是指代mouseover事件移動過的文檔元素，后者指代mouseout事件中鼠標移動到的文檔元素。
9.cancelBubble：一個布爾屬性，把它設置為true的時候，將停止事件進一步起泡到包容層次的元素，它用于檢測是否接受上層元素的事件的控制。true代表不被上層元素的事件控制，false代表允許被上層元素的事件控制。
10.returnValue：一個布爾值屬性，設置為false的時候可以阻止瀏覽器執(zhí)行默認的事件動作，相當于<a href=”#” οnclick=”ProcessMethod();return false;” />。
???????? 11.attachEvent()和detachEvent()方法：為制定DOM對象事件類型注冊多個事件處理函數(shù)的方法，它們有兩個參數(shù)，第一個是事件類型，第二個是事件處理函數(shù)。在attachEvent()事件執(zhí)行的時候，this關鍵字指向的是window對象，而不是發(fā)生事件的那個元素。
二、 IE Event對象的一些說明
Event對象是一個全局屬性
在IE中，不能把Event對象作為參數(shù)傳遞給事件處理程序，只能用window.event或者event來引用Event對象。因為在IE中，Event是window的一個屬性，也就是說event是一個全局變量，這個變量提供了事件的細節(jié)。
三、關于事件的起泡的概念
??????? IE中事件的起泡：IE中事件可以沿著包容層次一點點起泡到上層，也就是說，下層的DOM節(jié)點定義的事件處理函數(shù)，到了上層的節(jié)點如果還有和下層相同事件類型的事件處理函數(shù)，那么上層的事件處理函數(shù)也會執(zhí)行。例如，<div>標簽包含了<a>，如果這兩個標簽都有 onclick事件的處理函數(shù)，那么執(zhí)行的情況就是先執(zhí)行<a>標簽的onclick事件處理函數(shù)，再執(zhí)行<div>的事件處理函數(shù)。如果希望<a>的事件處理函數(shù)執(zhí)行完畢之后，不希望執(zhí)行上層的<div>的onclick的事件處理函數(shù)了，那么就把 cancelBubble設置為false即可。
四、W3C DOM標準中的Event
??????? 和IE不同的是，W3C DOM中的Event對象并不是window全局對象下面的屬性，換句話說，event不是全局變量。通常在DOM二級標準中，event作為發(fā)生事件的文檔對象的屬性。Event含有兩個子接口，分別是UIEvent和MutationEvent，這兩個子接口實現(xiàn)了Event的所有方法和屬性，而 MouseEvent接口又是UIEvent的子接口，所以實現(xiàn)了UIEvent和Event的所有方法和屬性。下面，我們就看看Event、 UIEvent和MouseEvent的主要屬性和方法。
1.Event
type：事件類型，和IE類似，但是沒有“on”前綴，例如單擊事件只是“click”。
target：發(fā)生事件的節(jié)點。
currentTarget：發(fā)生當前正在處理的事件的節(jié)點，可能是Target屬性所指向的節(jié)點，也可能由于捕捉或者起泡，指向Target所指節(jié)點的父節(jié)點。
eventPhase：指定了事件傳播的階段。是一個數(shù)字。
timeStamp：事件發(fā)生的時間。
bubbles：指明該事件是否起泡。
cancelable：指明該事件是否可以用preventDefault()方法來取消默認的動作。
preventDefault()方法：取消事件的默認動作；
stopPropagation()方法：停止事件傳播。
2.UIEvent
view：發(fā)生事件的window對象。
detail：提供事件的額外信息，對于單擊事件、mousedown和mouseup事件都代表的是點擊次數(shù)。
3.MouseEvent
button：一個數(shù)字，指明在mousedown、mouseup和單擊事件中，鼠標鍵的狀態(tài)，和IE中的button屬性類似，但是數(shù)字代表的意義不一樣，0代表左鍵，1代表中間鍵，2代表右鍵。
altKey、ctrlKey、shiftKey、metaKey：和IE相同，但是IE沒有最后一個。
clientX、 clientY：和IE的含義相同，但是在DOM標準中，這兩個屬性值都不考慮文檔的滾動情況，也就是說，無論文檔滾動到哪里，只要事件發(fā)生在窗口左上角，clientX和clientY都是0，所以在IE中，要想得到事件發(fā)生的坐標相對于文檔開頭的位置，要加上 document.body.scrollLeft和document.body.scrollTop。
screenX、screenY：鼠標指針相對于顯示器左上角的位置，如果你想打開新的窗口，這兩個屬性很重要。
relatedTarget：和IE中的fromElement、toElement類似，除了對于mouseover和mouseout有意義外，其他的事件沒什么意義。
-----------------------------------------------------------------------------------------------------------------------
只能輸入數(shù)字的文本框：
<script>
function JHshNumberText()
{
?if ( !(((window.event.keyCode >= 48) && (window.event.keyCode <= 57))
? || (window.event.keyCode == 13) || (window.event.keyCode == 46)
? || (window.event.keyCode == 45)))
? {
?? window.event.keyCode = 0 ;
? }
}
</script>
只能輸入漢字的文本框：
?<SCRIPT language="javascript">
?function onlychinese()
?? {
??? if ((window.event.keyCode >=32) && (window.event.keyCode <= 126))
??? {
???? window.event.keyCode = 0 ;
??? }
?? }
?</SCRIPT>
只能輸入0-9和T-Z之間的字符的輸入框
<script>
function JHshNumberText()
{
?if ( !(((window.event.keyCode >= 48) && (window.event.keyCode <= 57))
? || (window.event.keyCode == 13) || (window.event.keyCode == 46)
? || (window.event.keyCode == 45) || ((window.event.keyCode >= 84)
? && (window.event.keyCode <= 90))))
? {
?? window.event.keyCode = 0 ;
?? alert("請輸入0-9和T-Z之間的字符。。。");
? }
}
</script>
event對象只在事件發(fā)生的過程中才有效。
event的某些屬性只對特定的事件有意義。比如，fromElement 和 toElement 屬性只對 onmouseover 和 onmouseout 事件有意義。
例子
下面的例子檢查鼠標是否在鏈接上單擊，并且，如果shift鍵被按下，就取消鏈接的跳轉。
<HTML>
<HEAD><TITLE>Cancels Links</TITLE>
<SCRIPT LANGUAGE="JScript">
function cancelLink() {
if (window.event.srcElement.tagName == "A" && window.event.shiftKey)
window.event.returnValue = false;
}
</SCRIPT>
<BODY οnclick="cancelLink()">
下面的例子在狀態(tài)欄上顯示鼠標的當前位置。
<BODY οnmοusemοve="window.status = 'X=' + window.event.x + ' Y=' + window.event.y">
屬性：
altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode,
offsetX, offsetY, propertyName, returnValue, screenX, screenY, shiftKey,
srcElement, srcFilter, toElement, type, x, y
--------------------------------------------------------------------------------
1.altKey
描述：
檢查alt鍵的狀態(tài)。
語法：
event.altKey
可能的值：
當alt鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。
2.button
描述：
檢查按下的鼠標鍵。
語法：
event.button
可能的值：
0 沒按鍵
1 按左鍵
2 按右鍵
3 按左右鍵
4 按中間鍵
5 按左鍵和中間鍵
6 按右鍵和中間鍵
7 按所有的鍵
這個屬性僅用于onmousedown, onmouseup, 和 onmousemove 事件。對其他事件，不管鼠標狀態(tài)如何，都返回 0（比如onclick）。
3.cancelBubble
描述：
檢測是否接受上層元素的事件的控制。
語法：
event.cancelBubble[ = cancelBubble]
可能的值：
這是一個可讀寫的布爾值:
TRUE 不被上層原素的事件控制。
FALSE 允許被上層元素的事件控制。這是默認值。
例子：
下面的代碼片斷演示了當在圖片上點擊（onclick）時，如果同時shift鍵也被按下，就取消上層元素（body）上的事件onclick所引發(fā)的showSrc()函數(shù)。
<SCRIPT LANGUAGE="JScript">
function checkCancel() {
if (window.event.shiftKey)
window.event.cancelBubble = true;
}
function showSrc() {
if (window.event.srcElement.tagName == "IMG")
alert(window.event.srcElement.src);
}
</SCRIPT>
<BODY οnclick="showSrc()">
<IMG οnclick="checkCancel()" src="/sample.gif">
4.clientX
描述：
返回鼠標在窗口客戶區(qū)域中的X坐標。
語法：
event.clientX
注釋：
這是個只讀屬性。這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
5.clientY
描述：
返回鼠標在窗口客戶區(qū)域中的Y坐標。
語法：
event.clientY
注釋：
這是個只讀屬性。這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
6.ctrlKey
描述：
檢查ctrl鍵的狀態(tài)。
語法：
event.ctrlKey
可能的值：
當ctrl鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。
7.fromElement
描述：
檢測 onmouseover 和 onmouseout 事件發(fā)生時，鼠標所離開的元素。 參考：18.toElement
語法：
event.fromElement
注釋：
這是個只讀屬性。
8.keyCode
描述：
檢測鍵盤事件相對應的內(nèi)碼。
這個屬性用于 onkeydown, onkeyup, 和 onkeypress 事件。
語法：
event.keyCode[ = keyCode]
可能的值：
這是個可讀寫的值，可以是任何一個Unicode鍵盤內(nèi)碼。如果沒有引發(fā)鍵盤事件，則該值為 0 。
9.offsetX
描述：
檢查相對于觸發(fā)事件的對象，鼠標位置的水平坐標
語法：
event.offsetX
10.offsetY
描述：
檢查相對于觸發(fā)事件的對象，鼠標位置的垂直坐標
語法：
event.offsetY
11.propertyName
描述：
設置或返回元素的變化了的屬性的名稱。
語法：
event.propertyName [ = sProperty ]
可能的值：
sProperty 是一個字符串，指定或返回觸發(fā)事件的元素在事件中變化了的屬性的名稱。
這個屬性是可讀寫的。無默認值。
注釋：
你可以通過使用 onpropertychange 事件，得到 propertyName 的值。
例子：
下面的例子通過使用 onpropertychange 事件，彈出一個對話框，顯示 propertyName 的值。
<HEAD>
<SCRIPT>
function changeProp()
{
btnProp.value = "This is the new VALUE";
}
function changeCSSProp()
{
btnStyleProp.style.backgroundColor = "aqua";
}
</SCRIPT>
</HEAD>
<BODY>
<P>The event object property propertyName is
used here to return which property has been
altered.</P>
<INPUT TYPE=button ID=btnProp οnclick="changeProp()"
VALUE="Click to change the VALUE property of this button"
onpropertychange='alert(event.propertyName+" property has changed value")'>
<INPUT TYPE=button ID=btnStyleProp
οnclick="changeCSSProp()"
VALUE="Click to change the CSS backgroundColor property of this button"
onpropertychange='alert(event.propertyName+" property has changed value")'>
</BODY>
12.returnValue
描述：
設置或檢查從事件中返回的值
語法：
event.returnValue[ = Boolean]
可能的值：
true 事件中的值被返回
false 源對象上事件的默認操作被取消
例子見本文的開頭。
13.screenX
描述：
檢測鼠標相對于用戶屏幕的水平位置
語法：
event.screenX
注釋：
這是個只讀屬性。這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
14.screenY
描述：
檢測鼠標相對于用戶屏幕的垂直位置
語法：
event.screenY
注釋：
這是個只讀屬性。這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
15.shiftKey
描述：
檢查shift鍵的狀態(tài)。
語法：
event.shiftKey
可能的值：
當shift鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。
16.srcElement
描述：
返回觸發(fā)事件的元素。只讀。例子見本文開頭。
語法：
event.srcElement
17.srcFilter
描述：
返回觸發(fā) onfilterchange 事件的濾鏡。只讀。
語法：
event.srcFilter
18.toElement
描述：
檢測 onmouseover 和 onmouseout 事件發(fā)生時，鼠標所進入的元素。 參考：7.fromElement
語法：
event.toElement
注釋：
這是個只讀屬性。
例子：下面的代碼演示了當鼠標移到按鈕上時，彈出一個對話框，顯示“mouse arrived”
<SCRIPT>
function testMouse(oObject) {
if(oObject.contains(event.toElement)) {
alert("mouse arrived");
}
}
</SCRIPT>
:
<BUTTON ID=oButton οnmοuseοver="testMouse(this)">Mouse Over This.</BUTTON>
19.type
描述：
返回事件名。
語法：
event.type
注釋：
返回沒有“on”作為前綴的事件名，比如，onclick事件返回的type是click
只讀。
20. x
描述：
返回鼠標相對于css屬性中有position屬性的上級元素的x軸坐標。如果沒有css屬性中有position屬性的上級元素，默認以BODY元素作為參考對象。
語法：
event.x
注釋：
如果事件觸發(fā)后，鼠標移出窗口外，則返回的值為 -1
這是個只讀屬性。這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
21. y
描述：
返回鼠標相對于css屬性中有position屬性的上級元素的y軸坐標。如果沒有css屬性中有position屬性的上級元素，默認以BODY元素作為參考對象。
語法：
event.y
注釋：
如果事件觸發(fā)后，鼠標移出窗口外，則返回的值為 -1
這是個只讀屬性。這意味著，你只能通過它來得到鼠標的當前位置，卻不能用它來更改鼠標的位置。
----------------------------------------------------------------------------------------------------------------------------
IE,FireFox中的事件Event對象
event代表事件的狀態(tài)，專門負責對事件的處理，它的屬性和方法能幫助我們完成很多和用戶交互的操作;
一、Event對象的主要屬性和方法
??????? 1.type：事件的類型，就是HTML標簽屬性中，沒有“on”前綴之后的字符串，例如“Click”就代表單擊事件。
2.srcElement：事件源，就是發(fā)生事件的元素。比如<a οnclick="check()"></a> a這個鏈接是事件發(fā)生的源頭，也就是該事件的srcElement。(非IE中用target)
3.button：聲明了被按下的鼠標鍵，是一個整數(shù)。0代表沒有按鍵，1代表鼠標左鍵，2代表鼠標右鍵，4代表鼠標的中間鍵，如果按下了多個鼠標鍵，就把這些值加在一起，所以3就代表左右鍵同時按下。
4.clientX/clientY：是指事件發(fā)生的時候，鼠標的橫、縱坐標，返回的是整數(shù)，它們的值是相對于包容窗口的左上角生成的。
5.offsetX/offsetY：鼠標指針相對于源元素的位置，可以確定單擊Image對象的哪個象素。
6.altKey，ctrlKey，shiftKey：顧名思義，這些屬性是指鼠標事件發(fā)生的時候，是否同時按住了Alt、Ctrl或者Shift鍵，返回的是一個布爾值。
7.keyCode：返回keydown和keyup事件發(fā)生的時候，按鍵的代碼以及keypress事件的Unicode字符。比如event.keyCode=13代表按下了回車鍵；
8.fromElement、toElement前者是指代mouseover事件移動過的文檔元素，后者指代mouseout事件中鼠標移動到的文檔元素。
9.cancelBubble：一個布爾屬性，把它設置為true的時候，將停止事件進一步起泡到包容層次的元素，它用于檢測是否接受上層元素的事件的控制。true代表不被上層元素的事件控制，false代表允許被上層元素的事件控制。
10.returnValue：一個布爾值屬性，設置為false的時候可以阻止瀏覽器執(zhí)行默認的事件動作，相當于<a href=”#” οnclick=”ProcessMethod();return false;” />。
???????? 11.attachEvent()和detachEvent()方法：為制定DOM對象事件類型注冊多個事件處理函數(shù)的方法，它們有兩個參數(shù)，第一個是事件類型，第二個是事件處理函數(shù)。在attachEvent()事件執(zhí)行的時候，this關鍵字指向的是window對象，而不是發(fā)生事件的那個元素。
二、 IE Event對象的一些說明
Event對象是一個全局屬性
在IE中，不能把Event對象作為參數(shù)傳遞給事件處理程序，只能用window.event或者event來引用Event對象。因為在IE中，Event是window的一個屬性，也就是說event是一個全局變量，這個變量提供了事件的細節(jié)。
三、關于事件的起泡的概念
??????? IE中事件的起泡：IE中事件可以沿著包容層次一點點起泡到上層，也就是說，下層的DOM節(jié)點定義的事件處理函數(shù)，到了上層的節(jié)點如果還有和下層相同事件類型的事件處理函數(shù)，那么上層的事件處理函數(shù)也會執(zhí)行。例如，<div>標簽包含了<a>，如果這兩個標簽都有 onclick事件的處理函數(shù)，那么執(zhí)行的情況就是先執(zhí)行<a>標簽的onclick事件處理函數(shù)，再執(zhí)行<div>的事件處理函數(shù)。如果希望<a>的事件處理函數(shù)執(zhí)行完畢之后，不希望執(zhí)行上層的<div>的onclick的事件處理函數(shù)了，那么就把 cancelBubble設置為false即可。
四、W3C DOM標準中的Event
??????? 和IE不同的是，W3C DOM中的Event對象并不是window全局對象下面的屬性，換句話說，event不是全局變量。通常在DOM二級標準中，event作為發(fā)生事件的文檔對象的屬性。Event含有兩個子接口，分別是UIEvent和MutationEvent，這兩個子接口實現(xiàn)了Event的所有方法和屬性，而 MouseEvent接口又是UIEvent的子接口，所以實現(xiàn)了UIEvent和Event的所有方法和屬性。下面，我們就看看Event、 UIEvent和MouseEvent的主要屬性和方法。
1.Event
type：事件類型，和IE類似，但是沒有“on”前綴，例如單擊事件只是“click”。
target：發(fā)生事件的節(jié)點。
currentTarget：發(fā)生當前正在處理的事件的節(jié)點，可能是Target屬性所指向的節(jié)點，也可能由于捕捉或者起泡，指向Target所指節(jié)點的父節(jié)點。
eventPhase：指定了事件傳播的階段。是一個數(shù)字。
timeStamp：事件發(fā)生的時間。
bubbles：指明該事件是否起泡。
cancelable：指明該事件是否可以用preventDefault()方法來取消默認的動作。
preventDefault()方法：取消事件的默認動作；
stopPropagation()方法：停止事件傳播。
2.UIEvent
view：發(fā)生事件的window對象。
detail：提供事件的額外信息，對于單擊事件、mousedown和mouseup事件都代表的是點擊次數(shù)。
3.MouseEvent
button：一個數(shù)字，指明在mousedown、mouseup和單擊事件中，鼠標鍵的狀態(tài)，和IE中的button屬性類似，但是數(shù)字代表的意義不一樣，0代表左鍵，1代表中間鍵，2代表右鍵。
altKey、ctrlKey、shiftKey、metaKey：和IE相同，但是IE沒有最后一個。
clientX、 clientY：和IE的含義相同，但是在DOM標準中，這兩個屬性值都不考慮文檔的滾動情況，也就是說，無論文檔滾動到哪里，只要事件發(fā)生在窗口左上角，clientX和clientY都是0，所以在IE中，要想得到事件發(fā)生的坐標相對于文檔開頭的位置，要加上 document.body.scrollLeft和document.body.scrollTop。
screenX、screenY：鼠標指針相對于顯示器左上角的位置，如果你想打開新的窗口，這兩個屬性很重要。
relatedTarget：和IE中的fromElement、toElement類似，除了對于mouseover和mouseout有意義外，其他的事件沒什么意義。
-----------------------------------------------------------------------------------------------------------------------
只能輸入數(shù)字的文本框：
<script>
function JHshNumberText()
{
?if ( !(((window.event.keyCode >= 48) && (window.event.keyCode <= 57))
? || (window.event.keyCode == 13) || (window.event.keyCode == 46)
? || (window.event.keyCode == 45)))
? {
?? window.event.keyCode = 0 ;
? }
}
</script>
只能輸入漢字的文本框：
?<SCRIPT language="javascript">
?function onlychinese()
?? {
??? if ((window.event.keyCode >=32) && (window.event.keyCode <= 126))
??? {
???? window.event.keyCode = 0 ;
??? }
?? }
?</SCRIPT>
只能輸入0-9和T-Z之間的字符的輸入框
<script>
function JHshNumberText()
{
?if ( !(((window.event.keyCode >= 48) && (window.event.keyCode <= 57))
? || (window.event.keyCode == 13) || (window.event.keyCode == 46)
? || (window.event.keyCode == 45) || ((window.event.keyCode >= 84)
? && (window.event.keyCode <= 90))))
? {
?? window.event.keyCode = 0 ;
?? alert("請輸入0-9和T-Z之間的字符。。。");
? }
}
</script>
總結
以上是生活随笔為你收集整理的window.Event参数详解的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 数据库异常关闭后无法启动问题处理
- 下一篇： Windows Update Error