javascript event物件詳解

2021-06-13 13:58:00 字數 2111 閱讀 8854

event代表事件的狀態,例如觸發event物件的元素、滑鼠的位置及狀態、按下的鍵等。

event物件只在事件發生的過程中才有效。

event的某些屬性只對特定的事件有意義。比如,fromelement 和 toelement 屬性

只對 onmouseover 和 onmouseout 事件有意義。   

event物件屬性:

altkey, button, clientx, clienty, ctrlkey,

keycode, screenx, screeny, shiftkey, 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.clientx  

描述:返回滑鼠在視窗客戶區域中的x座標。  

語法:event.clientx  

注釋:這是個唯讀屬性。這意味著,你只能通過它來得到滑鼠的當前位置,

卻不能用它來更改滑鼠的位置。

4.clienty  

描述:返回滑鼠在視窗客戶區域中的y座標。  

語法:event.clienty  

注釋:這是個唯讀屬性。這意味著,你只能通過它來得到滑鼠的當前位置,

卻不能用它來更改滑鼠的位置。

5.ctrlkey  

描述:檢查ctrl鍵的狀態。  

語法:event.ctrlkey  

可能的值:當ctrl鍵按下時,值為 true ,否則為 false 。唯讀。   

6.keycode  

檢測鍵盤事件相對應的內碼。  

這個屬性用於 onkeydown, onkeyup, 和 onkeypress 事件。  

語法:event.keycode[ = keycode]  

可能的值:這是個可讀寫的值,可以是任何乙個unicode鍵盤內碼。

如果沒有引發鍵盤事件,則該值為 0 。

7.screenx  

描述:檢測滑鼠相對於使用者螢幕的水平位置  

語法:event.screenx  

注釋:這是個唯讀屬性。這意味著,你只能通過它來得到滑鼠的當前位置

卻不能用它來更改滑鼠的位置。   

8.screeny  

描述:檢測滑鼠相對於使用者螢幕的垂直位置  

語法:event.screeny  

注釋:這是個唯讀屬性。這意味著,你只能通過它來得到滑鼠的當前位置

卻不能用它來更改滑鼠的位置。   

9.shiftkey  

描述:檢查shift鍵的狀態。  

語法:event.shiftkey    

可能的值: 當shift鍵按下時,值為 true ,否則為 false 。唯讀。

10. x  

描述:返回滑鼠相對於css屬性中有position屬性的上級元素的x軸座標。

如果沒有css屬性中有position屬性的上級元素,預設以body元素作為參考物件。    

語法:event.x  

注釋:如果事件觸發後,滑鼠移出視窗外,則返回的值為 -1  

這是個唯讀屬性。這意味著,你只能通過它來得到滑鼠的當前位置

卻不能用它來更改滑鼠的位置。

11. y  

描述:返回滑鼠相對於css屬性中有position屬性的上級元素的y軸座標。

如果沒有css屬性中有position屬性的上級元素,預設以body元素作為參考物件。  

語法:event.y  

注釋:如果事件觸發後,滑鼠移出視窗外,則返回的值為 -1  

這是個唯讀屬性。這意味著,你只能通過它來得到滑鼠的當前位置

卻不能用它來更改滑鼠的位置。

javascript event 事件解析

描述 event代表事件的狀態,例如觸發event物件的元素 滑鼠的位置及狀態 按下的鍵等等。event物件只在事件發生的過程中才有效。event的某些屬性只對特定的事件有意義。比如,fromelement 和 toelement 屬性只對 onmouseover 和 onmouseout 事件有意...

javascript event 事件解析

描述 event代表事件的狀態,例如觸發event物件的元素 滑鼠的位置及狀態 按下的鍵等等。event物件只在事件發生的過程中才有效。event的某些屬性只對特定的事件有意義。比如,fromelement 和 toelement 屬性只對 onmouseover 和 onmouseout 事件有意...

javascript event 事件解析

描述 event代表事件的狀態,例如觸發event物件的元素 滑鼠的位置及狀態 按下的鍵等等。event物件只在事件發生的過程中才有效。event的某些屬性只對特定的事件有意義。比如,fromelement 和 toelement 屬性只對 onmouseover 和 onmouseout 事件有意...