<input type="button" value="button1" id="button" onclick="show()">
<input type="button" value="button2" id="bt2">
<input type="button" value="button3" id="bt3">
<script type="text/javascript">
// HTML事件
function show (){
alert("hello");
}
var b2=document.getElementById('bt2');
var b3=document.getElementById('bt3');
// DOM0级事件
b2.onclick=function(){
alert("这是通过DOM0级添加的事件");
}
// b.onclick=null;删除事件
// DOM2级事件
/*b3.addEventListener('click',show,false);
// b3.removeEventListener('click',show,false);删除事件
b3.addEventListener('click',function()
{alert(this.value)},false);*/
/*IE事件
b3.attachEvent('onclick',show);
b3.detachEvent('onclick',show);*/
//跨浏览器解决,封装到对象eventUtil中,有两个参数
var eventUtil={
addHandler:function(element,type,handler){
if(element.addEventListener){
element.addEventListener(type,handler,false)
}else if(element.attachEvent){
element.attachEvent('on'+type,handler)
}else{
element['on'+type]=handler;
}
},
removeHandler:function(element,type,handler){
if(element.removeEventListener){
element.removeEventListener(type,handler,false)
}else if(element.detachEvent){
element.detachEvent('on'+type,handler)
}else{
element['on'+type]=null;
}
}
}
eventUtil.addHandler('b3','click',show);
木子舟义
相关分类