javascript - srcElement在IE9中不起作用

我一直在整理用于跨浏览器事件处理的轻量级事件实用程序，但是遇到了一个相当高的障碍，我无法完全跳过。这与IE9中的srcElement属性有关，对我来说不起作用！

当前，我的实用程序看起来像这样（srcElement是第三个代码块）：

var bonsallNS = new Object();

bonsallNS.events = {
addEvent: function (node, type, func) {
    if (typeof attachEvent != "undefined") {
        node.attachEvent("on" + type, func);
    } else {

        node.addEventListener(type, func, false);
    }
},
removeEvent: function (node, type, func) {
    if (typeof detachEvent != "undefined") {
        node.detachEvent("on" + type, func);
    } else {

        node.removeEventListener(type, func, false);
    }
},
target: function (e) {
    if (typeof srcElement != "undefined") {
        return window.event.srcElement;
    } else {
        return e.target;
    }
},
preventD: function (e) {
    if (typeof srcElement != "undefined") {
        window.event.returnValue = false;
    } else {
        e.preventDefault();
    }
}
}

现在，使用以下测试脚本在Chrome和Firefox中可以正常工作，但是当我尝试警告evtTarget时，会将evtTarget返回到IE中未定义的状态。我不知道为什么，所以任何帮助将不胜感激！参见下面的代码：

var gClick = document.getElementById("clickme");
var gCount = 0;

function mssg(e){

var evtTarget = bonsallNS.events.target(e);
alert("it worked, target: " + evtTarget);
gCount++
if (gCount > 2){
    bonsallNS.events.removeEvent(gClick, "click", mssg);
}
}

function setUp(){
bonsallNS.events.addEvent(gClick, "click", mssg);
}

bonsallNS.events.addEvent(window, "load", setUp);

就像我说的，除了IE中的事件源，其他所有内容都可以正常工作！

最佳答案

除非在更高范围内定义，否则变量srcElement将始终为undefined。但是它永远不会引用event.srcElement。

您可以通过两种方法解决此问题：检查是否未定义e或e.srcElement，或者是否已定义window.event和window.event.srcElement。

if (typeof e === "undefined" || typeof e.srcElement === "undefined") {
// or
if (typeof window.event !== "undefined" &&
    typeof window.event.srcElement !== "undefined") {

您还可以将整个功能缩短为：

target: function (e) {
    e = e || window.event;
    return e.target || e.srcElement;
}

关于javascript - srcElement在IE9中不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14386732/