<script type="text/javascript">
window.onload=function(){
var btn=document.getElementById("btn");
btn.onclick=function(){
/*addEventListenner()
-通过这个方法可以为事件绑定响应函数
-参数
1.事件的字符不要on
2.回调函数,当事件触发时函数会被调用
3.是否在捕获阶段触发事件,需要一个布尔值,一般都传false
使用addEventListener()可以同时为一个元素的相同事件同时绑定多个响应函数,
这样当事件被触发时,响应函数将按照函数的绑定执行顺序执行
*/
//btn.addEventListener("click",function(){
//alert(this); this 指的是btn。
//},false);
//btn.addEventListener("click",function(){
//alert(2);
//},false);
/*
attachEven()
在IE8中可以使用attachEven()来绑定事件
参数
1.事件的字符串,要on
2.回调函数
这个方法也可以同时为一个事件绑定多个处理函数
不同的是它是后绑定先执行,执行顺序和addEventtListener()相反
*/
/* btn.attachEvent("onclick",function(){
alert(this);//this 指的是window 两个this指的不同。
})
btn.attachEvent("onclick",function(){
alert(2);
})
*/
bind(btn,"click",function(){
alert(this);
});
}
/*
定义一个函数,用来为指定函数绑定响应函数
参数
obj 要绑定事件的对象
eventStr 事件的字符串
callback 回调函数
*/
function bind(obj,eventStr,callback){
//大部分浏览器兼容的方式
if(obj.addEventListener){
obj.addEventListener(event,callback,false);
callback.call(obj);
}
//IE8及以下
else{
obj.attachEvent("on"+eventStr,function(){
callback.call(obj);
});
}
}
}
</script>
<body>
<button id="btn">点我</button>
</body>
</html>