为元素绑定事件！
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<input type="button" value="按钮1" id="btn1"/>
<input type="button" value="按钮2" id="btn2"/>
<input type="button" value="兼容代码按钮" id="btn"/>
<script src="common.js">、
my$("btn1").addEventListener("click", function () {
console.log("娃哈哈喜之郎美汁源");
},false);
my$("btn2").attachEvent("onclick", function () {
console.log("吃饭睡觉敲代码");
});
function addEventListener(element,type,fn) {
if(element.addEventListener) {
element.addEventListener(type,fn,false);
}else if(element,attachEvent) {
element.attachEvent("on" + type,fn);
}
}
addEventListener(my$("btn"),"click", function () {
console.log("熊大熊二光头强");
});
</html>
通过本次学习主要掌握了： 有两种情况，情况一是谷歌火狐都支持的，但是IE8不支持，【对象.addEvenListener("事件类型"，事件处理函数，false);】； 情况二是IE8支持，谷歌火狐不支持，【对象.attachEvent("有on的事件类型"，事件处理函数);】。 而其兼容代码，写函数用if来判断浏览器是否支持这个方法即可。
