DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> window.event快達到全浏覽器支持了,以後使用就方便了
window.event快達到全浏覽器支持了,以後使用就方便了
編輯:關於JavaScript     
看下以下代碼在各浏覽器下的結果:
復制代碼 代碼如下:
<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外,其它浏覽器都已經支持window.event了

ff8似乎在調用事件時with了一個{event:new Event(...)};所以在onclick裡也可以直接用“event”來獲取事件句柄。

另:好奇同學在QWrap的Event裡供了一個QW.EventH.getEvent的靜態方法,用來在各種情況下獲取當前的事件對象,代碼如下:
復制代碼 代碼如下:
/**
* 獲得event對象
* @method getEvent
* @param {event} event (Optional)event對象 默認為調用位置所在宿主的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>

即:調用preventDefault時,不必傳入event實例。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved