关于事件绑定，看书遇到的问题，希望有大神能帮忙解惑！谢谢！！

[全城武]

在看《Javascript DOM 高级程序设计》。
在第一章，开始编写自己的库，书上有一段事件绑定的方法，看了有些地方不是很懂。

function addEvent(node,type,listener){
		//使用前面的方法检查兼容性保证平稳退化
		if (!isCompatible()) { return false; }

		if (!(node = $(node))) { return false; }

		if (node.addEventListener){
			//W3C的方法
			node.addEventListener(type, listener, false);
			return true;
		}else if(node.attachEvent){
			//MSIE的方法
			node['e'+type+listener]=listener;    //？
			node[type+listener]=function(){      //？
				node['e'+type+listener] (window.event);     //？
			}
			node.attachEvent('on'+type , node[type+listener] );
			return true;
		}

		//若两种方法都不具备
		return false;
	}

想求大神解释一下，在使用MSIE的绑定方法的时候，这一段的作用是什么？

node['e'+type+listener]=listener;    //？
	node[type+listener]=function(){      //？
	       node['e'+type+listener] (window.event);     //？
}

[Go 旅城通票]

做个闭包，将事件对象传入。。其实没这个必要，使用attach添加的事件会自动将事件对象作为被添加方法的第一个参数，多次一举，直接attach就行

function addEvent(node,type,listener){
        //使用前面的方法检查兼容性保证平稳退化
        if (!isCompatible()) { return false; }
 
        if (!(node = $(node))) { return false; }
 
        if (node.addEventListener){
            //W3C的方法
            node.addEventListener(type, listener, false);
            return true;
        }else if(node.attachEvent){
            //MSIE的方法
         /*   node['e'+type+listener]=listener;    //？
            node[type+listener]=function(){      //？
                node['e'+type+listener] (window.event);     //？
            }*/
            node.attachEvent('on'+type , listener);
            return true;
        }
 
        //若两种方法都不具备
        return false;
    }

需要注意区分的是直接使用下面这种方式添加的事件，函数e参数在ie下是为空的，需要做个兼容是真的

DOM.onxxxevnet=function(e){
e=e||window.event;//////////////////////////这种方式添加的事件e参数为null，ie要使用window.event获取事件对象
}

[似梦飞花]

ie下attachEvent this不会指向绑定事件的dom 那段是让this指向绑定的dom 书上有说阿

[Mr-Hero]

我也没看懂那两句什么意思，如果是为了修正IE 下 attach(type, handler) handler 中 this 作用域问题，也可以这样

    attach("onclick", function(e){
        var e = e||window.event;
        this = e.srcElement || e.target; 
    })

[Mr-Hero]

引用 4 楼 lyj787505955 的回复:

我也没看懂那两句什么意思，如果是为了修正IE 下 attach(type, handler) handler 中 this 作用域问题，也可以这样

    attachEvent("onclick", function(e){
        var e = e||window.event;
        this = e.srcElement || e.target; 
    })

修改一下 attachEvent("onclick", function(e){ .....});

[打字员]

<input type="button" value="test1" id="b1">
<input type="button" value="test2" id="b2">
<script type="text/javascript">
window['name'] = 'window';
var s = {'name': 's'};
s['fn'] = function(){alert(this.name)};
document.getElementById('b1').attachEvent('onclick', function() {s['fn']()});
document.getElementById('b2').attachEvent('onclick', s.fn);
//你獲兩個按鈕按下后，alert出來的是什麽
</script>

可以看看下面的文章，文章最后提到的問題就是用上面的代碼邏輯來解決的 http://www.jb51.net/article/16863.htm

[打字员]

引用 4 楼 lyj787505955 的回复:

我也没看懂那两句什么意思，如果是为了修正IE 下 attach(type, handler) handler 中 this 作用域问题，也可以这样

    attach("onclick", function(e){
        var e = e||window.event;
        this = e.srcElement || e.target; 
    })

你这样不行，触发事件的元素不一定就是绑定事件的元素，因为事件冒泡。