火狐和ie下獲取javascript 獲取event的方法(推薦)
javascript 獲取event
先從一個簡單的例子說起，一個簡單的button控件如下:
<input type='button' name='mybtn' id='mybtn' onclick='myFunc()'/>
然后為其注冊事件，這樣的情況，怎么在javascript里獲取event呢，特別是firefox的情況。請看:
<script type='text/javascript'>
function myFunc(){
var ev = window.event || arguments.callee.caller.arguments[0]
,et = ev.srcElement || ev.target;
alert(et.tagName);
}
</script>
不出意外的話，在ie/ff下，上面例子都將輸出INPUT,即是觸發(fā)click事件節(jié)點的標(biāo)簽名，ie的event獲取這里就不說了，重點說說ff下的情況。
這里的arguments.callee.caller.arguments[0]看起來又長又怪，為什么在firefox的情況下，這個東西就是event呢？
首先得了解arguments.callee是什么東西,caller又是什么樣的屬性？
argments.callee就是函數(shù)體本身，arguments.callee.caller就是函數(shù)體的調(diào)用函數(shù)體
簡單例子如下:
<script type='text/javascript'>
function a(){
b();
}
function b(){
alert(b === arguments.callee)
alert(b.caller === a)
alert(arguments.callee.caller === a)
}
a();
</script>
不出意外，上面的例子將輸出3個true,表明當(dāng)a()調(diào)用時，函數(shù)b與函數(shù)a的關(guān)系。
好，弄清楚了arguments.callee與caller，我們再把原先的例子改改
<script type='text/javascript'>
function myFunc(){
alert(arguments.callee.caller.toString())
var ev = window.event || arguments.callee.caller.arguments[0]
,et = ev.srcElement || ev.target;
}
</script>
我們把a(bǔ)rgument.callee.caller的函數(shù)體輸出，看看到底在ie和ff下有何區(qū)別.
可以看到ie下輸出為
function anonymous(){
myFunc()
}
ff下輸出為
function onclick(event){
myFunc();
}
由此看出在html控件中直接注冊事件在ie/ff下表現(xiàn)的不同， ie下定義了一個匿名函數(shù)，內(nèi)部再執(zhí)行用戶定制的函數(shù)(myFunc)，而ff下則有所
不同，首先ff下定義了一個與節(jié)點事件同名的函數(shù),這里是onclick事件，所以是function onclick,然后event作為一個參數(shù)傳入，內(nèi)部再執(zhí)行myFunc.
所以當(dāng)事件觸發(fā)時，在myFunc里，argument.callee.caller就是指向function onclick，當(dāng)然，argument.callee.caller.arguments[0]即為event了.
以上這篇火狐和ie下獲取javascript 獲取event的方法(推薦)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
JS實現(xiàn)獲取來自百度,Google,soso,sogou關(guān)鍵詞的方法
這篇文章主要介紹了JS實現(xiàn)獲取來自百度,Google,soso,sogou關(guān)鍵詞的方法,結(jié)合實例形式分析了js獲取來路頁面的方法與相關(guān)搜索引擎關(guān)鍵詞的處理技巧,需要的朋友可以參考下2016-12-12
微信小程序跨頁面數(shù)據(jù)傳遞事件響應(yīng)實現(xiàn)過程解析
這篇文章主要介紹了微信小程序跨頁面數(shù)據(jù)傳遞事件響應(yīng)實現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-12-12
微信小程序?qū)崿F(xiàn)打開并下載服務(wù)器上面的pdf文件到手機(jī)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)打開并下載服務(wù)器上面的pdf文件到手機(jī)，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
使用JavaScript判斷一個元素是否在可視范圍內(nèi)的幾種方法
在Web開發(fā)中,有時我們需要知道一個元素是否在用戶的可視范圍內(nèi),以便執(zhí)行相應(yīng)的操作,比如延遲加載圖片、實現(xiàn)懶加載、或是觸發(fā)動畫效果, 本文將詳細(xì)介紹使用 JavaScript 如何判斷一個元素是否在可視范圍內(nèi)的幾種方法,需要的朋友可以參考下2024-02-02
微信公眾平臺 發(fā)送模板消息(Java接口開發(fā))
這篇文章主要介紹了微信公眾平臺 發(fā)送模板消息(Java接口開發(fā))，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
下面小編就為大家?guī)硪黄煌琷s異步函數(shù)同步的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
javascript中callee與caller的區(qū)別分析
有些小伙伴可能會問caller,callee 是什么？在javascript 中有什么樣的作用？那么本篇會對于此做一些基本介紹。希望能夠?qū)Υ蠹依斫鈐avascript中的callee與caller有所幫助。2015-04-04
一篇文章弄懂javascript中的執(zhí)行棧與執(zhí)行上下文
這篇文章主要給大家介紹了關(guān)于javascript中執(zhí)行棧與執(zhí)行上下文的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用javascript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
數(shù)組的去重方法,其實無論實在實際項目還是在面試中都會有用到的,下面這篇文章主要給大家介紹了非常全面的12種js數(shù)組去重的方法,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07
微信小程序?qū)崿F(xiàn)自定義加載圖標(biāo)功能
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)自定義加載圖標(biāo)功能，非常不錯具有一定的參考借鑒價值，需要的朋友參考下吧2018-07-07