window.event快達到全瀏覽器支持了，以后使用就方便了
更新時間：2011年11月30日 23:46:36 作者：
在Tangram群里討論到<a href="#" onclick="baidu.event.preventDefault(event);">的寫法時，以為標準瀏覽器只能用arguments[0]來獲取到event，結(jié)果nodiseal同學說已經(jīng)可以這么用了，于是做了以下測試
看下以下代碼在各瀏覽器下的結(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)用事件時with了一個{event:new Event(...)}；所以在onclick里也可以直接用“event”來獲取事件句柄。
另：好奇同學在QWrap的Event里供了一個QW.EventH.getEvent的靜態(tài)方法，用來在各種情況下獲取當前的事件對象，代碼如下：
/**
* 獲得event對象
* @method getEvent
* @param {event} event (Optional)event對象 默認為調(diào)用位置所在宿主的event
* @param {element} element (Optional)任意element對象 element對象所在宿主的event
* @return {event} event對象
*/
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的頁面，可以直接這樣寫：
<a href="#" onclick="EventH.preventDefault()">點我無效</div>
即：調(diào)用preventDefault時，不必傳入event實例。
復制代碼 代碼如下:
<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)用事件時with了一個{event:new Event(...)}；所以在onclick里也可以直接用“event”來獲取事件句柄。
另：好奇同學在QWrap的Event里供了一個QW.EventH.getEvent的靜態(tài)方法，用來在各種情況下獲取當前的事件對象，代碼如下：
復制代碼 代碼如下:
/**
* 獲得event對象
* @method getEvent
* @param {event} event (Optional)event對象 默認為調(diào)用位置所在宿主的event
* @param {element} element (Optional)任意element對象 element對象所在宿主的event
* @return {event} event對象
*/
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的頁面，可以直接這樣寫：
復制代碼 代碼如下:
<a href="#" onclick="EventH.preventDefault()">點我無效</div>
即：調(diào)用preventDefault時，不必傳入event實例。
相關文章
js實現(xiàn)table添加行tr、刪除行tr、清空行tr的簡單實例
下面小編就為大家?guī)硪黄猨s實現(xiàn)table添加行tr、刪除行tr、清空行tr的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
下拉選擇框，是我們在網(wǎng)頁中經(jīng)常使用到的，在本文為大家詳細介紹下使用js使用的下拉選擇框2013-11-11
本文給大家介紹微信企業(yè)號開發(fā)之微信考勤百度地圖定位，有需要的朋友參考下本篇文章2015-09-09
ReactHooks+ts(函數(shù)組件)實現(xiàn)原生輪播的示例
這篇文章主要介紹了ReactHooks+ts函數(shù)組件實現(xiàn)原生輪播，在這里下載依賴第一個是js依賴第二個是ts依賴，通過實例代碼介紹了創(chuàng)建tsx文件的方法,需要的朋友可以參考下2022-05-05
一文帶你搞懂JavaScript中轉(zhuǎn)義字符的使用
說起轉(zhuǎn)義字符，大家最先想到的肯定是使用反斜杠，這也是我們最常見的，很多編程語言都支持。除了反斜杠以外，在前端開發(fā)中，還有其他幾種轉(zhuǎn)義字符，也是較常見的，本文將對這些做一個總結(jié)2023-02-02
javascript的加法結(jié)果會有誤差，在兩個浮點數(shù)相加的時候會比較明顯。這個函數(shù)返回較為精確的加法結(jié)果，下面為大家介紹下js如何對小數(shù)加法精度處理2013-12-12
JavaScript操作XML 使用百度RSS作為新聞源示例
JavaScript操作XML 使用百度RSS作為新聞源示例,需要的朋友可以參考下2012-02-02
這篇文章主要介紹了JS實現(xiàn)的樣式切換功能tableCSS,結(jié)合實例形式分析了js頁面元素遍歷與樣式動態(tài)操作相關技巧,需要的朋友可以參考下2016-12-12
uniapp跨頁面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實戰(zhàn)
使用uni.$emit觸發(fā)事件后,對應的uni.$on就會監(jiān)聽到事件觸發(fā),在回調(diào)中去執(zhí)行相關的邏輯,下面這篇文章主要給大家介紹了關于uniapp跨頁面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實戰(zhàn)的相關資料,需要的朋友可以參考下
2023-04-04