1. 程式人生 > 實用技巧 >JavaScript-事件響應- event 物件

JavaScript-事件響應- event 物件

JavaScript-事件響應- event 物件

event 物件代表事件時元素狀態,如鍵盤轉檯,滑鼠位置和滑鼠按鈕狀態等。

  一旦事件發生,便會生成event物件,如單機一個按鈕,瀏覽器的記憶體中就產生相應的event物件。

  event物件通過其屬性記錄了事件發生的元素狀態資訊的,event的某些屬性支隊特定的事件有意義,其語法格式為event屬性

1.altKey 屬性

  檢查Alt鍵的狀態,當Alt 鍵按下時,值為True,否則為False

2.button 屬性

  檢查按下的滑鼠鍵狀態。沒按下值為0,按左鍵為1,按右鍵為2,按左右鍵為3,按中介軟體為4,按所有鍵為7,這個屬性僅用於onmousedown,onmouseup,onmousemove事件,對其它事件,不管滑鼠狀態如何都返回0(如onclick)

3.clientX \ clientY屬性

  返回滑鼠在視窗客戶區域的 X \ Y 座標,該屬性制度,即只能通過他來得到滑鼠的當前位置,卻不能用它來改變滑鼠的位置。

4.ctrlKey 屬性

  檢查ctrl鍵的狀態,當ctrl鍵按下時,值為True,否則為False,只讀屬性。

5.keyCode 屬性

  檢測鍵盤事件相對性的內碼。這個屬性用於onkeydown,onkeyup和onkeypass事件。語法:

event,keyCode[=Unicode鍵盤內碼],該屬性值是可讀寫的,如果沒有引發鍵盤事件,則該值為0.

6.offset \ offsetY 屬性

  檢查相對於出發時間的物件,滑鼠位置的水平座標 \ 垂直座標。

7.screenX \ offsetY 屬性

  檢測滑鼠相對於使用者螢幕的水平位置,該屬性為只讀屬性。只能通過它來得到滑鼠的當前位置,卻不能用它來改變滑鼠的位置

8.X \ Y 屬性

  返回滑鼠相對於CSS 屬性中有position 屬性的上級元素 X \ Y軸座標。如果CSS屬性中position屬性沒有上級元素,則以 BODY元素作為參考物件。如果事件觸發後,滑鼠移出視窗外,則返回的值為-1,該屬性為只讀屬性,即只能通過它來得到滑鼠當前位置,卻不能用它來更改滑鼠的位置。

event物件 的應用 JavaScript以及HTML程式碼案例:

<script language = "JavaScript"
type="text/JavaScript"> var msg = ""; function MyAlert() { msg += "發生事件的型別:\n"; msg +="type=" + event.type+"\n\n"; msg += "游標相對於事件所在文件的水平和垂直位置:"; msg +="x=" + event.x+",y="+event.y+"\n\n"; msg += "游標相對於事件所在螢幕的水平和垂直位置:"; msg +="x=" + event.screenX+",y="+event.screenY+"\n\n"; msg += "游標相對於事件所在WEeb頁面的水平和垂直位置:"; msg +="x=" + event.clientX+",y="+event.clientY+"\n\n"; alert(msg); } </script>

程式執行後,滑鼠單機文件中文字段的任何一個位置,彈出包含當前發生事件資訊的警號框