欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

FireFox JavaScript全局Event對(duì)象

 更新時(shí)間：2009年06月14日 00:02:48   作者：  
在IE下 JavaScript 中可以在任何地方使用全局的window.event來取得本次JavaScript被觸發(fā)的Event，從而取得 KeyCode，EventSourceElement 等對(duì)象。
而在FireFox中卻沒有這樣的對(duì)象，如果有函數(shù)嵌套調(diào)用，需要不停的向下傳遞Event，例如下面的場景。
復(fù)制代碼 代碼如下:

<div style="background-color:Red; width:300px; height:300px;" onclick="Test(event,this);" id="panel"></div>
function Test(event,dom){
Test1(event);
}
function Test1(event){
Test2(event);
}
function Test2(event){
alert(event.target.id);
}

在Test2方法中需要使用event，就需要寫成這樣。如果在某種場景下，比如添加新功能，需要修改原來的Test2方法，需要訪問event對(duì)象，而原來Test2方法的簽名是Test2()，沒有參數(shù)event，這時(shí)需要修改Test2()為Test2(event) 十分的不美觀，雖然JavaScript這樣的修改，是方法的重載，但是也破壞了原來的方法簽名。
在FireFox中是否有window.event這樣的全局變量來獲取event？
不幸的是FireFox的對(duì)象模型中是沒有的，但是可以使用變通的方法取得。例如：
復(fù)制代碼 代碼如下:

function GetEvent(caller){
if(document.all)
return window.event; //For IE.
if(caller == null || typeof(caller) != "function")
return null;
while(caller.caller != null){
caller = caller.caller;
}
return caller.arguments[0];
}

這里使用document.all判斷是否是IE瀏覽器的做法是不好的，應(yīng)該使用UserAgent來判斷，JQuery等類庫中有好的實(shí)現(xiàn)。
這樣上面的 Test2方法就可以不用修改方法簽名了：
復(fù)制代碼 代碼如下:

function Test2(){
var event = GetEvent(Test2);
alert(GetEventTarget(event).id);
}
function GetEventTarget(event){
if(document.all)
return event.srcElement;
return event.target;
}

為什么可以寫出GetEvent方法，取得Event?
因?yàn)樵贔irefox的事件模型中最初的事件調(diào)用是將event顯示的傳遞給方法的，所以可以寫出GetEvent方法，取得喚起JavaScript的event。
Click to Open in New Window

相關(guān)文章

最新評(píng)論