JSFiddle - React, Tailwind, and code Playground

by camnpr

HTML

绑定事件的好处：
<ul>
	<li>一个对象可以绑定多个不同事件</li>
    <li>一个对象可以绑定多个相同事件（按照绑定的顺序执行。注意IE下顺序相反）</li>
</ul>
<a id="myevent" href="#">测试</a>

JavaScript

function addEvents(target, type, func) { 
  if (target.addEventListener)//非ie 和ie9 
      target.addEventListener(type, func, false) 
  else if (target.attachEvent)  //ie6到ie8 
      target.attachEvent("on" + type, func) 
  else target["on" + type] = func;  //ie5 
}

var obj = document.getElementById('myevent');
addEvents(obj, 'click', function(){
   alert(1); 
});

addEvents(obj, 'click', function(){
   alert(2); 
});

addEvents(obj, 'mouseout', function(){
   alert(3); 
});