Javascript IE8没有在attachEvent中传递'this'

问题描述 投票:0回答:2

这里是一个脚本,它查看页面上存在的链接并将mousedown事件侦听器绑定到每个链接。触发mousedown事件时,它将调用一个函数,该函数使用链接的href创建警报。在IE9 +中,这可以正常工作,但是在IE8中,这是未定义的。

<html>
<body>
<a href="http://www.example.com">test</a>
<script>
var c=function(){alert(this.href)};
var a=document.getElementsByTagName("a");
for(var b=0; b<a.length; b++) {
    if (a[b].addEventListener) {
        a[b].addEventListener("mousedown",c,false);
    } else {
        a[b].attachEvent("onmousedown",c);
    }
}
</script>
</body>
</html>

我已经尝试将thisthis.href添加为函数的参数,但是看起来这些函数并不接受参数。有人知道我将如何使其工作吗?

javascript html event-handling internet-explorer-8 dom-events
2个回答
3
投票

尝试一下:

var c = function (e) {
    e = e || event; // if e is not available, use global event object
    var target = e.target || e.srcElement; // some browsers use target to refer to event target, and some srcElement
    alert(target.href);
};

我认为IE8使用全局事件对象,而不是在回调函数中发送参数。


1
投票

不幸的是,在IE事件模型中,使用attachEvent附加的侦听器没有将它们的[[this设置为调用元素,因此默认为window(即全局对象)。

所以代替:

a[b].attachEvent("onmousedown",c);

您可以确保使用以下元素将

this

设置为元素: a[b].attachEvent("onmousedown",(function(fn, el) { return function() {fn.call(el, event)}; }(c, a[b]));
查找“ addEvent”函数的示例,周围有很多方法可以解决此问题。    
© www.soinside.com 2019 - 2024. All rights reserved.