window.event快達(dá)到全瀏覽器支持了,以后使用就方便了
更新時(shí)間:2011年11月30日 23:46:36 作者:
在Tangram群里討論到<a href="#" onclick="baidu.event.preventDefault(event);">的寫(xiě)法時(shí),以為標(biāo)準(zhǔn)瀏覽器只能用arguments[0]來(lái)獲取到event,結(jié)果nodiseal同學(xué)說(shuō)已經(jīng)可以這么用了,于是做了以下測(cè)試
看下以下代碼在各瀏覽器下的結(jié)果:
<body onclick="alert([window.event,event,this.event]);">test</body>
IE8: object,object,undefined
FF8.0: undefined,MouseEvent,undefined
Cr16: MouseEvent,MouseEvent,undefined
Opera: MouseEvent,MouseEvent,undefined
Safira: MouseEvent,MouseEvent,undefined
除FF8外,其它瀏覽器都已經(jīng)支持window.event了
ff8似乎在調(diào)用事件時(shí)with了一個(gè){event:new Event(...)};所以在onclick里也可以直接用“event”來(lái)獲取事件句柄。
另:好奇同學(xué)在QWrap的Event里供了一個(gè)QW.EventH.getEvent的靜態(tài)方法,用來(lái)在各種情況下獲取當(dāng)前的事件對(duì)象,代碼如下:
/**
* 獲得event對(duì)象
* @method getEvent
* @param {event} event (Optional)event對(duì)象 默認(rèn)為調(diào)用位置所在宿主的event
* @param {element} element (Optional)任意element對(duì)象 element對(duì)象所在宿主的event
* @return {event} event對(duì)象
*/
getEvent: function(event, element) {
if (event) {
return event;
} else if (element) {
if (element.document) {return element.document.parentWindow.event; }
if (element.parentWindow) {return element.parentWindow.event; }
}
if (window.event) {
return window.event;
} else {
var f = arguments.callee;
do {
if (/Event/.test(f.arguments[0])) {return f.arguments[0]; }
} while (f = f.caller);
}
},
所以,使用QW的頁(yè)面,可以直接這樣寫(xiě):
<a href="#" onclick="EventH.preventDefault()">點(diǎn)我無(wú)效</div>
即:調(diào)用preventDefault時(shí),不必傳入event實(shí)例。
復(fù)制代碼 代碼如下:
<body onclick="alert([window.event,event,this.event]);">test</body>
IE8: object,object,undefined
FF8.0: undefined,MouseEvent,undefined
Cr16: MouseEvent,MouseEvent,undefined
Opera: MouseEvent,MouseEvent,undefined
Safira: MouseEvent,MouseEvent,undefined
除FF8外,其它瀏覽器都已經(jīng)支持window.event了
ff8似乎在調(diào)用事件時(shí)with了一個(gè){event:new Event(...)};所以在onclick里也可以直接用“event”來(lái)獲取事件句柄。
另:好奇同學(xué)在QWrap的Event里供了一個(gè)QW.EventH.getEvent的靜態(tài)方法,用來(lái)在各種情況下獲取當(dāng)前的事件對(duì)象,代碼如下:
復(fù)制代碼 代碼如下:
/**
* 獲得event對(duì)象
* @method getEvent
* @param {event} event (Optional)event對(duì)象 默認(rèn)為調(diào)用位置所在宿主的event
* @param {element} element (Optional)任意element對(duì)象 element對(duì)象所在宿主的event
* @return {event} event對(duì)象
*/
getEvent: function(event, element) {
if (event) {
return event;
} else if (element) {
if (element.document) {return element.document.parentWindow.event; }
if (element.parentWindow) {return element.parentWindow.event; }
}
if (window.event) {
return window.event;
} else {
var f = arguments.callee;
do {
if (/Event/.test(f.arguments[0])) {return f.arguments[0]; }
} while (f = f.caller);
}
},
所以,使用QW的頁(yè)面,可以直接這樣寫(xiě):
復(fù)制代碼 代碼如下:
<a href="#" onclick="EventH.preventDefault()">點(diǎn)我無(wú)效</div>
即:調(diào)用preventDefault時(shí),不必傳入event實(shí)例。
相關(guān)文章
js實(shí)現(xiàn)拖動(dòng)模態(tài)框
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)拖動(dòng)模態(tài)框,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07淺談JavaScript中Date(日期對(duì)象),Math對(duì)象
這篇文章主要簡(jiǎn)單介紹了JavaScript中Date(日期對(duì)象),Math對(duì)象的相關(guān)資料,需要的朋友可以參考下2015-02-02一個(gè)用js實(shí)現(xiàn)過(guò)濾重復(fù)字符的函數(shù)
一個(gè)用js實(shí)現(xiàn)過(guò)濾重復(fù)字符的函數(shù)...2007-08-08javascript實(shí)現(xiàn)uploadify上傳格式以及個(gè)數(shù)限制
這篇文章主要介紹了javascript如何限制uploadify上傳格式以及個(gè)數(shù)的實(shí)現(xiàn)方法,感興趣的小伙伴們可以參考一下2015-11-11JavaScript 事件監(jiān)聽(tīng)實(shí)例代碼[兼容IE,firefox] 含注釋
JavaScript事件監(jiān)聽(tīng)完整實(shí)例 含注釋?zhuān)浅5牟诲e(cuò),大家可以直接使用。2009-08-08