window event物件的屬性

2021-04-13 07:50:06 字數 3269 閱讀 2406

1.altkey----檢查alt鍵的狀態。

返回值:當alt鍵按下時,值為 true ,否則為 false 。唯讀。

2.ctrlkey----檢查ctrl鍵的狀態。

返回值:當ctrl鍵按下時,值為 true ,否則為 false 。唯讀。

3.shiftkey----檢查shift鍵的狀態。

返回值:當shift鍵按下時,值為 true ,否則為 false 。唯讀。

4.keycode----檢測鍵盤事件相對應的內碼。

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

取值:這是個可讀寫的值,可以是任何乙個unicode鍵盤內碼。如果沒有引發鍵盤事件,則該值為 0 。

5.button----檢查按下的滑鼠鍵。

返回值:0 沒按鍵,1 按左鍵,2 按右鍵,3 按左右鍵,4 按中間鍵,5 按左鍵和中間鍵,6 按右鍵和中間鍵,7 按所有的鍵。

注意:這個屬性僅用於onmousedown, onmouseup, 和 onmousemove 事件。對其他事件,不管滑鼠狀態如何,都返回 0(比如onclick)。

6.clientx----返回滑鼠在視窗客戶區域中的x座標。

注釋:唯讀屬性。只能通過它來得到滑鼠的當前位置,不能用它來更改滑鼠的位置。

7.clienty----返回滑鼠在視窗客戶區域中的y座標。

注釋:唯讀屬性。只能通過它來得到滑鼠的當前位置,不能用它來更改滑鼠的位置。

8.offsetx----檢查相對於觸發事件的物件,滑鼠位置的水平座標。

9.offsety----檢查相對於觸發事件的物件,滑鼠位置的垂直座標。

10.screenx----檢測滑鼠相對於使用者螢幕的水平位置。

注釋:唯讀屬性。只能通過它來得到滑鼠的當前位置,卻不能用它來更改滑鼠的位置。

11.screeny----檢測滑鼠相對於使用者螢幕的垂直位置。

注釋:唯讀屬性。只能通過它來得到滑鼠的當前位置,卻不能用它來更改滑鼠的位置。

12. x----返回滑鼠相對於css屬性中有position屬性的上級元素的x軸座標。如果沒有css屬性中有position屬性的上級元素,預設以body元素作為參考物件。

注釋:如果事件觸發後,滑鼠移出視窗外,則返回的值為 -1。唯讀屬性。只能通過它來得到滑鼠的當前位置,卻不能用它來更改滑鼠的位置。

13. y----返回滑鼠相對於css屬性中有position屬性的上級元素的y軸座標。如果沒有css屬性中有position屬性的上級元素,預設以body元素作為參考物件。

注釋:如果事件觸發後,滑鼠移出視窗外,則返回的值為 -1。唯讀屬性。只能通過它來得到滑鼠的當前位置,卻不能用它來更改滑鼠的位置。

14.fromelement----檢測 onmouseover 和 onmouseout 事件發生時,滑鼠所離開的元素。

注釋:唯讀屬性。

15.toelement----檢測 onmouseover 和 onmouseout 事件發生時,滑鼠所進入的元素。

注釋:唯讀屬性。

16.cancelbubble----檢測是否接受上層元素的事件的控制。

返回值:true 不被上層原素的事件控制。false 允許被上層元素的事件控制(預設)。

17.propertyname----設定或返回元素的變化了的屬性的名稱。

取值:指定或返回觸發事件的元素在事件中變化了的屬性的名稱。這個屬性是可讀寫的。

注釋:通過使用 onpropertychange 事件,得到 propertyname 的值。

18.srcelement----返回觸發事件的元素。唯讀。

19.srcfilter----返回觸發 onfilterchange 事件的濾鏡。唯讀。

20.returnvalue----設定或檢查從事件中返回的值。

返回值:true 事件中的值被返回,false 源物件上事件的預設操作被取消。

21.type----返回事件名。

注釋:返回沒有「on」作為字首的事件名,比如,onclick事件返回的type是click。

唯讀。字母和數字鍵的 鍵碼值(keycode)

按鍵鍵碼

按鍵鍵碼

按鍵鍵碼

按鍵 鍵碼a65

j74s83

149b66

k75t84

250c67

l76u85

351d68

m77v86

452e69

n78w87

553f70

o79x88

654g71

p80y89

755h72

q81z90

856i73

r82048

957

數字 鍵盤上的鍵的鍵碼值(keycode)功能鍵鍵碼值 (keycode)

按鍵鍵碼

按鍵 鍵碼

按鍵鍵碼

按鍵 鍵碼096

8104

f1112

f7118197

9105

f2113

f8119298

*106

f3114

f9120399

+107

f4115

f10121

4100

enter

108f5

116f11

1225

101-

109f6

117f12

1236

102.

1107/

111

控制 鍵鍵碼值(keycode)

按鍵鍵碼

按鍵鍵碼

按鍵鍵碼

按鍵鍵碼

backspace

8esc

27right arrow

39-_

189tab

9spacebar

32down arrow

40.>

190clear

12page up

33insert

45/?

191enter

1**age down

34delete

46`~

192shift

16end

35num lock

144[

221cape lock

20up arrow

38,<

188'"

222  

詳盡解析window event物件

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

JS 詳盡解析window event物件

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

JS 詳盡解析window event物件

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