1

我一直在为跨浏览器事件处理组合一个轻量级事件实用程序，但遇到了一个我无法完全跳过的相当高的障碍。这与 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 中使用下面的测试脚本可以正常工作，但是当我尝试提醒它时，在 IE 中返回未定义的 evtTarget。我不知道为什么，所以任何帮助将不胜感激！见下面的代码：

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 中的事件源之外，其他一切都有效！

4

1 回答 1

1

除非在更高的范围内定义，否则该变量srcElement将始终存在。undefined但它永远不会提及event.srcElement.

您可以通过两种方式解决此问题：检查是否已定义，e或e.srcElement是否已定义。window.eventwindow.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;
}
于 2013-01-17T20:39:30.157 回答