事件event對(duì)象

當(dāng)事件發(fā)生時(shí)，會(huì)向調(diào)用函數(shù)傳遞一個(gè)event對(duì)象，event對(duì)象記錄當(dāng)前事件發(fā)生時(shí)的環(huán)境信息。

一個(gè)事件只能對(duì)應(yīng)一個(gè)event對(duì)象，并且event對(duì)象是短暫存在的。

DOM中的event對(duì)象的使用方法

1、在HTML標(biāo)記中，通過事件來調(diào)用函數(shù)，向函數(shù)傳遞一個(gè)event參數(shù)，該參數(shù)就是一個(gè)event對(duì)象，這個(gè)event必須全小寫。注意：這個(gè)event參數(shù)是固定的

<img?id="img01"?src="images/01.jpg"?οnclick="get_xy(event)"?/>

function?get_xy(e)??//這個(gè)地方的?e?是一個(gè)形參，只要符合變量的命名規(guī)則即可

{

alert(e);??//打印測試一下event對(duì)象

}

?

2、使用元素對(duì)象來傳遞event對(duì)象

<img?id="img01"?src="images/01.jpg"?/>

//以下是JS代碼

var?obj?=?document.getElementById(“img01”);

obj.onclick?=?get_xy;??//將函數(shù)地址傳遞事件，不能帶括號(hào)，也不能帶參數(shù)

function?get_xy(e)???//雖然上一行無法給函數(shù)傳遞參數(shù)，但事件發(fā)生時(shí)，事件對(duì)象event已經(jīng)傳遞過來了

{

alert(e);

}

DOM中event對(duì)象的屬性

clientX：獲取當(dāng)前事件距離窗口左邊的距離；

clientY：當(dāng)前事件發(fā)生時(shí)距離窗口頂端的距離；

pageX：當(dāng)前事件所在網(wǎng)頁中的x坐標(biāo)

pageY：當(dāng)前事件所在網(wǎng)頁中的y坐標(biāo)；

screenX：當(dāng)前事件所在屏幕中的x坐標(biāo)；

screenY：當(dāng)前事件所在屏幕中的y坐標(biāo)；

轉(zhuǎn)載于:https://www.cnblogs.com/zzg521/p/4281921.html

總結(jié)

以上是生活随笔為你收集整理的事件Event对象的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。