function AddEvent(html_element,event_name,event_function) 
{       
   if(html_element.attachEvent) //Internet Explorer
      html_element.attachEvent("on" + event_name,function() {event_function.call(html_element);}); 
   else if(html_element.addEventListener) //Firefox & company
      html_element.addEventListener(event_name,event_function,false); //don't need the 'call' trick because in FF everything already works in the right way          
}

或第二个解决方案(增加内联事件)：

function AddEvent(html_element,event_function) 
{       
   var old_event = html_element['on' + event_name];
   if(typeof old_event !== 'function')
      html_element['on' + event_name] = function() { event_function.call(html_element); };
   else
      html_element['on' + event_name] = function() { old_event(); event_function.call(html_element); };
}

这些都是跨浏览器,可以这样使用：

AddEvent(document.getElementById('some_div_id'),'click',function() 
{             
   alert(this.tagName); //shows 'DIV'
});

由于我有感觉attachEvent / addEventListener在更多的事件处理实现中使用,我想知道：

使用第二种解决方案有哪些缺点/缺点,我可能会更好地意识到？

我可以看到两个,但我对更多的兴趣(如果有的话)：

>第二个解决方案通过在线添加事件来拧紧元素的innerHTML
>使用第二个解决方案我可以轻松地删除与某个事件类型相关联的所有功能(html_element [‘on’event_name] = null),但是我不能使用detachEvent / removeEventListener来完全删除一个特定的函数.

任何答案如：“使用jQuery”或任何其他FW是无意义的！