event对象获取方法总结在google浏览器下测试
生活随笔
收集整理的這篇文章主要介紹了
event对象获取方法总结在google浏览器下测试
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
簡(jiǎn)介:
Event 對(duì)象代表事件的狀態(tài),比如事件在其中發(fā)生的元素、鍵盤(pán)按鍵的狀態(tài)、鼠標(biāo)的位置、鼠標(biāo)按鈕的狀態(tài)。 事件通常與函數(shù)結(jié)合使用,函數(shù)不會(huì)在事件發(fā)生前被執(zhí)行!
Event對(duì)象的獲取方法:
方法一:
例如:
function demo1(e){
var e = e || window.event;
//此種方法在ie中和google中可以不傳參數(shù)e也可以獲取到event,但是在火狐中必須在事件方法中傳遞event參數(shù)
//才可以獲取到event對(duì)象。
}
<input onclick = "demo1(event)" value="demo1"/>
方法二:通用的方便的方法(這種方法方便之處在于不用傳參數(shù))
例如:
復(fù)制代碼 代碼如下:
function demo2(){
var e = arguments.callee.caller.arguments[0] || window.event;
//arguments.callee指的就是當(dāng)前的函數(shù)體
//arguments.callee.caller就是當(dāng)前函數(shù)的上級(jí)函數(shù)
//所以當(dāng)執(zhí)行οnclick="demo2()"時(shí)arguments.callee就是demo2(),arguments.callee.caller就是function onclick ,
//onclick的第一個(gè)能數(shù)就是event,也就是arguments.callee.caller.arguments[0]這個(gè)。
}
<input οnclick="demo2()" value="demo2"/>
詳細(xì)測(cè)試總結(jié):
一:萬(wàn)能的同樣的方法是:傳遞參數(shù)event(實(shí)參必須寫(xiě)event換其他名稱不行)方式。
二:window.event適用于ie和google瀏覽器火狐不支持。
三:arguments.callee.caller.arguments[0]僅火狐和google支持,ie不支持這種獲取方式。
從以上測(cè)試結(jié)果可知google瀏覽器支持以上各種獲取方式,屬于兼容性最強(qiáng)的一個(gè)瀏覽器。
總結(jié)
以上是生活随笔為你收集整理的event对象获取方法总结在google浏览器下测试的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: js之事件冒泡和事件捕获
- 下一篇: HTML DOM getElements