js的event詳解
event代表事件的狀態,例如觸發event物件的元素、滑鼠的位置及狀態、按下的鍵等等。
event物件只在事件發生的過程中才有效。
event的某些屬性只對特定的事件有意義。比如,fromelement 和 toelement 屬性只對 onmouseover 和 onmouseout 事件有意義。
在各個瀏覽器之間支援的事件型別也不一定相同,所以運用的時候要在不同的瀏覽器裡測試
例子下面的例子檢查滑鼠是否在鏈結上單擊,並且,如果shift鍵被按下,就取消鏈結的跳轉。
code
the event object property propertyname is
used here to return which property has been
altered.
12.returnvalue
描述:設定或檢查從事件中返回的值
語法:event.returnvalue[ = boolean]
可能的值:
true 事件中的值被返回
false 源物件上事件的預設操作被取消
例子見本文的開頭。
13.screenx
描述:檢測滑鼠相對於使用者螢幕的水平位置
語法:event.screenx
注釋:這是個唯讀屬性。這意味著,你只能通過它來得到滑鼠的當前位置,卻不能用它來更改滑鼠的位置。
14.screeny
描述:檢測滑鼠相對於使用者螢幕的垂直位置
語法:event.screeny
注釋:這是個唯讀屬性。這意味著,你只能通過它來得到滑鼠的當前位置,卻不能用它來更改滑鼠的位置。
15.shiftkey
描述:檢查shift鍵的狀態。
語法:event.shiftkey
可能的值:
當shift鍵按下時,值為 true ,否則為 false 。唯讀。
語法:event.srcelement
17.srcfilter
描述:返回觸發 onfilterchange 事件的濾鏡。唯讀。
語法:event.srcfilter
18.toelement
描述:檢測 onmouseover 和 onmouseout 事件發生時,滑鼠所進入的元素。 參考:7.fromelement
語法:event.toelement
注釋:這是個唯讀屬性。
例子:下面的**演示了當滑鼠移到按鈕上時,彈出乙個對話方塊,顯示「mouse arrived」
code
:mouse over this.
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
這是個唯讀屬性。這意味著,你只能通過它來得到滑鼠的當前位置,卻不能用它來更改滑鼠的位置。
JS事件物件event
事件物件 事件引數物件,event物件 1,什麼是事件物件 任何乙個事件觸發後都會包含乙個event物件 event物件中包含與當前事件相關的一些屬性和方法。2,獲取event物件 1,在html中繫結事件 標記 on事件名 btn event eg function btn event 注意 1,...
js 事件物件event
在觸發dom上的某個事件時,會產生乙個事件物件event。這個物件中包含著所有與事件有關的資訊。包括導致事件的元素,事件的型別以及其他與特定事件相關的資訊。我是div div class son son div div script varbox document.queryselector box...
js事件物件event
js的事件物件 即我們函式中經常會用到的 event event 物件代表事件的狀態,比如事件在其中發生的元素 鍵盤按鍵的狀態 滑鼠的位置 滑鼠按鈕的狀態。事件通常與函式結合使用,函式不會在事件發生前被執行!通常我們用得比較多的 就是在標籤上 寫onclick fn 屬性 描述 altkey 返回當...