您當前位置：首頁 > web前端 > jscript > javascript事件：獲取事件對象getEvent函數

javascript事件：獲取事件對象getEvent函數

來源：程序員人生發布時間：2014-02-17 18:49:04 閱讀次數：5831次

在javascript開發中我們會經常獲取頁面中的事件對象，然后來處理這些事件，例如下面的getEvent函數就是獲取javascript下的頁面事件對象。

function getEvent(event){
return event || window.event;
}

我們使用getEvent的時候可以這樣調用。

function foo(event){
var evt = getEvent(event);
alert(evt);
}

并且把foo函數綁定到一個onclick事件上。
但是常用的是foo函數不會有參數，或者第一個參數沒有傳入，我們可以通過arguments[0]來獲取第一個參數。
在IE中event是一個全局變量，即window.event，而在Firefox等瀏覽器，事件會作為第一個參數傳入foo函數，所以getEvent可以改為：

function getEvent(event){
return arguments[0] || window.event;
}

這時在一些版本的瀏覽器，例如Firefox 中會出現獲取不到event對象的問題，其實我們可以看成事件的觸發是下面的方式：

function onclick(event) {
foo();
}

這樣，第一個函數是onclick，即event會默認作為第一個參數傳入，而foo函數沒有將event作為參數傳入，這樣嚴重限制了getEvent的靈活性，所以我們需要修改下getEvent函數。

我們知道arguments.callee是函數本身，在匿名函數中可以作為遞歸使用，那么arguments.callee.caller指的是調用本函數的上一級函數的函數。
例如getEvent的caller為foo，foo的caller為onclick，依次類推……

所以我們的getEvent函數最終可以這樣來寫：

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生

------分隔線----------------------------

上一篇 Windows Server 2003的Web接口

下一篇 DirectX：內存、顯存太大引起的問題

分享到:

------分隔線----------------------------

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

javascript事件：獲取事件對象getEvent函數