window.event物件用法講解
type：事件的型別，如onclick中的click；
srcElement/target：事件源，就是發生事件的元素；
button：宣告被按下的滑鼠鍵，整數，1代表左鍵，2代表右鍵，4代表中鍵，如果按下多個鍵，就把這些值加起來，所以3就代表左右鍵同時按下；（firefox中0代表左鍵，1代表中間鍵，2代表右鍵）
clientX/clientY:事件發生的時候，滑鼠相對於瀏覽器視窗可視文件區域左上角的位置（在DOM標準中，這兩個屬性值都不考慮文件的滾動情況，也就是說，無論文件滾動到哪裡，只要事件發生在視窗左上角，clientX和clientY都是0，所以在IE中，要想得到事件發生的座標相對於文件開頭的位置，要加上document.body.srollLeft和document.body.scrollTop）
offsetX,offsetY/layerX,layerY：事件發生的時候，滑鼠相對於源元素左上角的位置；
X，Y/pageX,pageY：檢索相對於父要素滑鼠水平座標的整數；
altKey,ctrlKey,shiftKey等：返回一個布林值；
keyCode：返回keydown何keyup事件發生的時候按鍵的程式碼，以及keypress 事件的Unicode字元；(firefox2不支援 event.keycode，可以用 event.which替代 )
fromElement,toElement：前者是指代mouseover事件中滑鼠移動過的文件元素，後者指代mouseout事件中滑鼠移動到的文件元素；
cancelBubble：一個布林屬性，把它設定為true的時候，將停止事件進一步起泡到包容層次的元素；(e.cancelBubble = true; 相當於 e.stopPropagation();)
returnValue：一個布林屬性，設定為false的時候可以組織瀏覽器執行預設的事件動作；(e.returnValue = false; 相當於 e.preventDefault();)
attachEvent(),detachEvent()/addEventListener(),removeEventListener：為制定DOM物件事件型別註冊多個事件處理函式的方法，它們有兩個引數，第一個是事件型別，第二個是事件處理函式。在attachEvent()事件執行的時候，this關鍵字指向的是window物件，而不是發生事件的那個元素；
screenX、screenY：滑鼠指標相對於顯示器左上角的位置，如果你想開啟新的視窗，這兩個屬性很重要；
一些說明：
event代表事件的狀態，例如觸發event物件的元素、滑鼠的位置及狀態、按下的鍵等等；
event物件只在事件發生的過程中才有效。
firefox裡的event跟IE裡的不同，IE裡的是全域性變數，隨時可用；firefox裡的要用引數引導才能用，是執行時的臨時變數。
在IE/Opera中是window.event，在Firefox中是event；而事件的物件，在IE中是window.event.srcElement，在Firefox中是event.target，Opera中兩者都可用。
下面兩句效果相同
var evt = (evt) ? evt : ((window.event) ? window.event : null);
var evt = evt || window.event; // firefox下window.event為null, IE下event為null
IE中事件的起泡
IE 中事件可以沿著包容層次一點點起泡到上層，也就是說，下層的DOM節點定義的事件處理函式，到了上層的節點如果還有和下層相同事件型別的事件處理函式，那麼上層的事件處理函式也會執行。例如， div 標籤包含了 a ，如果這兩個標籤都有onclick事件的處理函式，那麼執行的情況就是先執行標籤 a 的onclick事件處理函式，再執行 div 的事件處理函式。如果希望的事件處理函式執行完畢之後，不希望執行上層的 div 的onclick的事件處理函數了，那麼就把cancelBubble設定為true即可。
returnValue的用法
returnValue是javascript中html的window物件的屬性,目的是返回視窗值,當用
window.showModalDialog函式開啟一個IE的模式視窗(模式視窗知道吧,就是開啟後不能操作父視窗,只能等模式視窗關閉時才能操作)時,用於返回視窗的值,下面舉個例子:
------------------------------------------------------------------------------
//father.html
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<script language="javascript">
function showmodal(){
var ret = window.showModalDialog("child.htm",null,"dialogWidth:350px;dialogHeight:350px;help:no;status:no");
if (ret){alert('子視窗返回真!');
}else{
alert('子視窗返回假!');
}
}
</script>
</HEAD>
<BODY>
<INPUT id=button1 type=button value=Button name=button1 onclick="showmodal();">
</BODY>
</HTML>
------------------------------------------------------------------------------
//child.html
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<script language="javascript">
function trans(tag){
if (tag==0){
window.returnValue=false;
} else{
window.returnValue =true;
}
window.close();
}
</script>
</HEAD>
<BODY>
<INPUT id=button1 type=button value="返回真" name=button1 onclick="trans(1)">
<INPUT id=button2 type=button value="返回假" name=button2 onclick="trans(0)">
</BODY>
</HTML>
-----------------------------------------------------------------------------
這樣一來可以實現從模式視窗向父視窗傳遞值的作用,
這個returnValue除了可以是布林值,整型值等以外還可以是個js陣列，用來傳遞大量資料。
具體showModalDialog等的用法，可以參考msdn。
描述
event代表事件的狀態，例如觸發event物件的元素、滑鼠的位置及狀態、按下的鍵等等。
event物件只在事件發生的過程中才有效。
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 onclick="cancelLink()">
下面的例子在狀態列上顯示滑鼠的當前位置。
<BODY onmousemove="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鍵的狀態。
語法：
event.altKey
可能的值：
當alt鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。
2.button
描述：
檢查按下的滑鼠鍵。
語法：
event.button
可能的值：
0 沒按鍵
1 按左鍵
2 按右鍵
3 按左右鍵
4 按中間鍵
5 按左鍵和中間鍵
6 按右鍵和中間鍵
7 按所有的鍵
這個屬性僅用於onmousedown, onmouseup, 和 onmousemove 事件。對其他事件，不管滑鼠狀態如何，都返回 0（比如onclick）。
3.cancelBubble
描述：
檢測是否接受上層元素的事件的控制。
語法：
event.cancelBubble[ = cancelBubble]
可能的值：
這是一個可讀寫的布林值:
TRUE 不被上層原素的事件控制。
FALSE 允許被上層元素的事件控制。這是預設值。
例子：
下面的程式碼片斷演示了當在圖片上點選（onclick）時，如果同時shift鍵也被按下，就取消上層元素（body）上的事件onclick所引發的showSrc()函式。
<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 onclick="showSrc()">
<IMG onclick="checkCancel()" src="/sample.gif">
4.clientX
描述：
返回滑鼠在視窗客戶區域中的X座標。
語法：
event.clientX
註釋：
這是個只讀屬性。這意味著，你只能通過它來得到滑鼠的當前位置，卻不能用它來更改滑鼠的位置。
5.clientY
描述：
返回滑鼠在視窗客戶區域中的Y座標。
語法：
event.clientY
註釋：
這是個只讀屬性。這意味著，你只能通過它來得到滑鼠的當前位置，卻不能用它來更改滑鼠的位置。
6.ctrlKey
描述：
檢查ctrl鍵的狀態。
語法：
event.ctrlKey
可能的值：
當ctrl鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。
7.fromElement
描述：
檢測 onmouseover 和 onmouseout 事件發生時，滑鼠所離開的元素。 參考：18.toElement
語法：
event.fromElement
註釋：
這是個只讀屬性。
8.keyCode
描述：
檢測鍵盤事件相對應的內碼。
這個屬性用於 onkeydown, onkeyup, 和 onkeypress 事件。
語法：
event.keyCode[ = keyCode]
可能的值：
這是個可讀寫的值，可以是任何一個Unicode鍵盤內碼。如果沒有引發鍵盤事件，則該值為 0 。
9.offsetX
描述：
檢查相對於觸發事件的物件，滑鼠位置的水平座標
語法：
event.offsetX
10.offsetY
描述：
檢查相對於觸發事件的物件，滑鼠位置的垂直座標
語法：
event.offsetY
11.propertyName
描述：
設定或返回元素的變化了的屬性的名稱。
語法：
event.propertyName [ = sProperty ]
可能的值：
sProperty 是一個字串，指定或返回觸發事件的元素在事件中變化了的屬性的名稱。
這個屬性是可讀寫的。無預設值。
註釋：
你可以通過使用 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 onclick="changeProp()"
VALUE="Click to change the VALUE property of this button"
onpropertychange='alert(event.propertyName+" property has changed value")'>
<INPUT TYPE=button ID=btnStyleProp
onclick="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鍵的狀態。
語法：
event.shiftKey
可能的值：
當shift鍵按下時，值為 TRUE ，否則為 FALSE 。只讀。
16.srcElement
描述：
返回觸發事件的元素。只讀。例子見本文開頭。
語法：
event.srcElement
17.srcFilter
描述：
返回觸發 onfilterchange 事件的濾鏡。只讀。
語法：
event.srcFilter
18.toElement
描述：
檢測 onmouseover 和 onmouseout 事件發生時，滑鼠所進入的元素。 參考：7.fromElement
語法：
event.toElement
註釋：
這是個只讀屬性。
例子：下面的程式碼演示了當滑鼠移到按鈕上時，彈出一個對話方塊，顯示“mouse arrived”
<SCRIPT>
function testMouse(oObject) {
if(oObject.contains(event.toElement)) {
alert("mouse arrived");
}
}
</SCRIPT>
:
<BUTTON ID=oButton onmouseover="testMouse(this)">Mouse Over This.</BUTTON>
19.type
描述：
返回事件名。
語法：
event.type
註釋：
返回沒有“on”作為字首的事件名，比如，onclick事件返回的type是click
只讀。
20. x
描述：
返回滑鼠相對於css屬性中有position屬性的上級元素的x軸座標。如果沒有css屬性中有position屬性的上級元素，預設以BODY元素作為參考物件。
語法：
event.x
註釋：
如果事件觸發後，滑鼠移出視窗外，則返回的值為 -1
這是個只讀屬性。這意味著，你只能通過它來得到滑鼠的當前位置，卻不能用它來更改滑鼠的位置。
21. y
描述：
返回滑鼠相對於css屬性中有position屬性的上級元素的y軸座標。如果沒有css屬性中有position屬性的上級元素，預設以BODY元素作為參考物件。
語法：
event.y
註釋：
如果事件觸發後，滑鼠移出視窗外，則返回的值為 -1
這是個只讀屬性。這意味著，你只能通過它來得到滑鼠的當前位置，卻不能用它來更改滑鼠的位置。