国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript 獲取事件對象的注意點

2019-11-21 01:13:54
字體:
來源:轉載
供稿:網友

平時我們獲取事件對象一般寫法如下:

復制代碼 代碼如下:

function getEvent(event) {
return event || window.event // IE:window.event
}

如果沒有參數,也可寫成(非IE :事件對象會自動傳遞給對應的事件處理函數,且為第一個參數):
復制代碼 代碼如下:

function getEvent() {
return arguments[0] || window.event // IE:window.event
}

這樣的寫法在除 Firefox(測試版本:3.0.12,下同) 外的瀏覽器上運行都不會有問題,但 Firefox 為什么例外呢?讓我們這樣一種情形:
復制代碼 代碼如下:

<button id="btn" onclick="foo()">按鈕</button>
<script>
function foo(){
var e = getEvent();
alert(e);}
</script>

運行結果在 Firefox 中是 undefined,為什么呢?
在 Firefox 中調用其實是這樣的,先調用執行的是:
復制代碼 代碼如下:

function onclick(event) {
foo();
}

然后調用執行的是:
復制代碼 代碼如下:

function foo(){
var e = getEvent();
alert(e);
}

會發現在 Firefox 下 onclick="foo()" 中的 foo() 無法自動傳入事件對象參數,而默認傳遞給了系統生成的 onclick 函數,那本例我們可以通過getEvent.caller.caller.arguments[0] 獲得事件對象。
因此,我們的 getEvent 可以優化成(參照 yui_2.7.0b 中的 event/event-debug.js 中 getEvent 方法):
復制代碼 代碼如下:

function getEvent(event) {
var ev = event || window.event;
if (!ev) {
var c = this.getEvent.caller;
while (c) {
ev = c.arguments[0];
if (ev && (Event == ev.constructor || MouseEvent == ev.constructor)) { /懌飛注:YUI 源碼 BUG,ev.constructor 也可能是 MouseEvent,不一定是 Event
break;
}
c = c.caller;
}
}
return ev;
}

當然還有一個很簡單的解決方法,就是手動將參數傳遞給 onclick="foo()":
復制代碼 代碼如下:

<button id="btn" onclick="foo(event)">按鈕</button>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 札达县| 仙游县| 沙坪坝区| 汉寿县| 大埔县| 安化县| 桐梓县| 漠河县| 合阳县| 石柱| 观塘区| 堆龙德庆县| 聂拉木县| 金华市| 刚察县| 安国市| 定结县| 嘉祥县| 饶河县| 剑河县| 东乌珠穆沁旗| 翼城县| 南充市| 柯坪县| 桂阳县| 和硕县| 林口县| 定襄县| 台州市| 宜宾市| 惠州市| 静乐县| 大宁县| 阳西县| 北安市| 安乡县| 寿光市| 新津县| 吴旗县| 分宜县| 漳平市|