function bind(ele,name,callback){
if(ele.addEventListener){
ele.addEventListener(name,callback,false)
}else{
ele.attachEvent('on' + name,function(){
callback.call(ele)
})
}
}
var oDemo = document.getElementsByClassName('demo')[0]
bind(oDemo,'click',function(){
alert(123)
})
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>封装兼容的绑定事件方法</title>
</head>
<body>
<div class="demo"></div>
</body>
</html>
.demo{
width: 100px;
height: 100px;
background: #f40;
}