window.event的相容寫法

1.在HTML中添加事件

<div class="left" onclick="goLeft(event)"></div>
           

function goLeft() {
    alert(e.srcElement || e.target);
}
           

• IE8及以下不支援target，支援srcElement
• FF浏覽器必須傳參event才能擷取到事件對象，IE浏覽器和谷歌浏覽器不用傳參，直接使用window.event即可擷取

如果某些情況下不能傳參event，也可以通過以下方式在函數體内擷取：

var event = window.event||arguments.callee.caller.arguments[0];

2.在JS中添加事件

document.getElementsByClassName('left')[].onclick = function(e) {
    alert(e.srcElement || e.target);
}
           

• FF浏覽器用一個參數來接收事件對象
• IE8及以下不支援getElementsByClassName，可用getElementById的方式

3.在JQuery中添加事件

$(".left").click(function(e) {
    alert(e.target);
});
           

• JQuery已經做好了相容，直接使用即可