關于火狐(firefox)及ie下event獲取的兩種方法

2024-05-06 14:20:14

字體：大中小

來源：轉載

供稿：網友

經常有同事問我在火狐瀏覽器怎么獲取event的方法，大多是想獲取event.keyCode的功能兩種方法
第一種方法：
代碼如下:
function a(e){
e=e||window.event;
alert(e.keyCode);
}

ie瀏覽器如下調用
代碼如下:
<body onclick="a()">

firefox火狐瀏覽器如下調用
代碼如下:
<body onclick="a(event)">

這樣就可以調用成功
這種方法在firefox需要帶個參數過去，不是太好，下面介紹第二種方法
第二種方法：
代碼如下:
function a(){
e=arguments.callee.caller.arguments[0] || window.event;
alert(e.keyCode);
}

ie和firefox下都如下調用
代碼如下:
<body onclick="a()">

這里要解釋一下arguments.callee.caller.arguments[0]，
簡單例子如下:
代碼如下:
function a(){
b();
}
function b(){
alert(b === arguments.callee)
alert(b.caller === a)
alert(arguments.callee.caller === a)
}
a();

上面的這個例子將輸出3個true,表明當a()調用時，函數b與函數a的關系。
arguments.callee指的就是當前的函數體
arguments.callee.caller就是當前函數的上級函數
所以當執(zhí)行onclick="a()"時arguments.callee就是a()，arguments.callee.caller就是function onclick
onclick的第一個能數就是event，也就是arguments.callee.caller.arguments[0]這個。

上一篇：javascript的字符串按引用復制和傳遞,按值來比較介紹與應用

下一篇：載入jQuery庫的最佳方法詳細說明及實現代碼