event物件屬性問題,JS中的event 物件包含哪些東西 event,例項 詳解

2023-01-14 23:00:52 字數 2851 閱讀 1684

1樓:匿名使用者

event沒有x/y屬性的, 下面是滑鼠/鍵盤事件物件event的屬性列表.....

altkey

返回當事件被觸發時,"alt" 是否被按下。

button

返回當事件被觸發時,哪個滑鼠按鈕被點選。

clientx

返回當事件被觸發時,滑鼠指標的水平座標。

clienty

返回當事件被觸發時,滑鼠指標的垂直座標。

ctrlkey

返回當事件被觸發時,"ctrl" 鍵是否被按下。

keyidentifier

返回按鍵的識別符號

keylocation

返回按鍵在裝置上的位置

metakey

返回當事件被觸發時,"meta" 鍵是否被按下。

relatedtarget

返回與事件的目標節點相關的節點。

screenx

返回當某個事件被觸發時,滑鼠指標的水平座標。

screeny

返回當某個事件被觸發時,滑鼠指標的垂直座標。

shiftkey

返回當事件被觸發時,"shift" 鍵是否被按下。

詳細的你可以檢視一下w3school的文件介紹

2樓:匿名使用者

火狐瀏覽器中 event物件沒有 x,y這兩個屬性的

js中的event 物件包含哪些東西 event,例項 詳解

3樓:匿名使用者

js的event物件

event屬性和方法:

1. type:事件的型別,如onlick中的click;

2. srcelement/target:事件源,就是發生事件的元素;

3. button:宣告被按下的滑鼠鍵,整數,1代表左鍵,2代表右鍵,4代表中鍵,如果按下多個鍵,酒把這些值加起來,所以3就代表左右鍵同時按下;(firefox中 0代表左鍵,1代表中間鍵,2代表右鍵)

4. clientx/clienty:事件發生的時候,滑鼠相對於瀏覽器視窗可視文件區域的左上角的位置;(在dom標準中,這兩個屬性值都不考慮文件的滾動情況,也就是說,無**檔滾動到**,只要事件發生在視窗左上角,clientx和clienty都是 0,所以在ie中,要想得到事件發生的座標相對於文件開頭的位置,要加上

document.body.scrollleft和 document.body.scrolltop)

5. offsetx,offsety/layerx,layery:事件發生的時候,滑鼠相對於源元素左上角的位置;

6. x,y/pagex,pagey:檢索相對於父要素滑鼠水平座標的整數;

7. altkey,ctrlkey,shiftkey等:返回一個布林值;

8. keycode:返回keydown何keyup事件發生的時候按鍵的**,以及keypress 事件的unicode字元;(firefox2不支援 event.

keycode,可以用 event.which替代 )

9. fromelement,toelement:前者是指代mouseover事件中滑鼠移動過的文件元素,後者指代mouseout事件中滑鼠移動到的文件元素;

10. cancelbubble:一個布林屬性,把它設定為true的時候,將停止事件進一步起泡到包容層次的元素;(e.

cancelbubble = true; 相當於 e.stoppropagation();)

11. returnvalue:一個布林屬性,設定為false的時候可以組織瀏覽器執行預設的事件動作;(e.

returnvalue = false; 相當於 e.preventdefault();)

12. attachevent(),detachevent()/addeventlistener(),removeeventlistener:為制定 dom物件事件型別註冊多個事件處理函式的方法,它們有兩個引數,第一個是事件型別,第二個是事件處理函式。

在attachevent()事件執行的時候,this關鍵字指向的是window物件,而不是發生事件的那個元素;

13. screenx、screeny:滑鼠指標相對於顯示器左上角的位置,如果你想開啟新的視窗,這兩個屬性很重要;

一些說明:

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

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

firefox裡的event跟ie裡的不同,ie裡的是全域性變數,隨時可用;firefox裡的要用引數引導才能用,是執行時的臨時變數。

在ie/opera中是window.event,在firefox中是event;而事件的物件,在ie中是 window.event.

srcelement,在firefox中是event.target,opera中兩者都可用。

3. 下面兩句效果相同

var evt = (evt) ? evt : ((window.event) ? window.event : null);

var evt = evt || window.event; // firefox下window.event為null, ie下event為null

4. ie中事件的起泡

ie中事件可以沿著包容層次一點點起泡到上層,也就是說,下層的dom節點定義的事件處理函式,到了上層的節點如果還有和下層相同事件型別的事件處理函式,那麼上層的事件處理函式也會執行。例如, div 標籤包含了 a ,如果這兩個標籤都有onclick事件的處理函式,那麼執行的情況就是先執行標籤 a 的onclick事件處理函式,再執行 div 的事件處理函式。如果希望的事件處理函式執行完畢之後,不希望執行上層的 div 的onclick的事件處理函式了,那麼就把cancelbubble設定為true即可。

怎麼獲取js陣列中的物件的屬性,js怎麼遍歷陣列中的物件的屬性

var contacts bob,mary console.log contacts 1 phonenumber 你定義的var contacts bob mary 它就是自 一個普bai通陣列,裡面的bob.mary帶引號它du就是個字串,zhi並不是你想象中的json陣列的合併,也就是說cont...

event是什麼意思,JS 中的 event event window event什麼意思?求詳解。

event i vent n.1.偶發 事件 事變 發生的事情,尤指要事,大事 值得注意的事物 2.在特定的時間裡在某地發生的事 3.經歷 事情的程序 4.活動 社交場合 5.後果,結果,結局 法律 訴訟 或判決 的最後結果 6.體育 運動會等的 比賽專案 主英國英語 包括馬場超越障礙 越野耐力 盛...

js迴圈遍歷物件,js中遍歷陣列物件的幾種方式

使用for.in可以遍歷js物件的屬性,用法如下 for.in 語句用於遍歷陣列或者物件的屬性 對陣列或者物件的屬性進行迴圈操作 for in 迴圈中的 每執行一次,就會對陣列的元素或者物件的屬性進行一次操作。for 變數 in 物件 變數 用來指定變數,指定的變數可以是陣列元素,也可以是物件的屬性...