這是老師的代碼

//事件綁定方法
function?bind(el,?eventType,?callback){
????if(typeof?el.addEventListener?===?'function'){
????????//標準事件綁定方法
????????el.addEventListener(eventType,?callback,?false);
????}else?if(typeof?el.attechEvent?===?'function'){
????????//IE事件綁定方法
????????el.attachEvent('on'?+?eventType,?callback);
????}
}
//鼠標懸停的處理函數
function?mouseoverHandler(e){
????var?target?=?e.target?||?e.srcElement;
????var?outer?=?document.getElementById('subject');
????var?list?=?outer.getElementsByTagName('li');
????//清空所有LI元素的class
????for(var?i?=?0;?i?<?list.length;?i++){
????????list[i].className?=?'';
????}
????//根據事件的冒泡原理，找到需要變更class?的LI元素
????while(target.tagName?!=?'LI'?||?target.tagName?==?'BODY'){
????????target?=?target.parentNode;
????}
????target.className?=?'big';
}

我的代碼：

?for(var?i?=0;?i?<?list.length;?i++){
????????list[i].onmouseenter=function(){
????????	for(var?i=0;i<list.length;i++){
????????		list[i].className="";
????????	}
????????	this.className="big";
		}
}

疑問：為什么老師要使用事件監聽的方法？

onmouseenter不是在這里更方便嗎？

而且兼容各大瀏覽器包括IE5.5，并且不會發生冒泡事件。

謝謝回答！