<input type="button" value="click me" onclick="showMessage()" />
function showMessage(){
alert("clicked");
}
<span style="white-space:pre"> </span>//老方法
var btn=document.getElementById("myBtn");
//dom扩展方法 支持主流浏览器，相似jquery语法
var btn=document.querySelector("#myBtn");
btn.onclick=function(){
alert("clicked!");
};
var btn=document.getElementById("myBtn");
btn.addEventListener("click",function(){
alert("clicked!");
},false); //传入removeEventListener 的參数必须和addEventListener 一样
btn.removeEventListener("click",function(){
//这里不会运行 没实用--
alert("clicked!");
},false); var btn=document.getElementById("myBtn");
btn.attachEvent("onclick",function(){
alert("clicked");
}); btn.detachEvent("onclick",function(){
alert("clicked");
});//跨浏览器 事件处理程序
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){
//除IE 其它
element.removeEventListener(type,handler,false);
}else if(element.detachEvent){
//IE
element.detachEvent("on"+type,handler);
}else{
element["on"+type]=handler;
}
}
}原文：http://www.cnblogs.com/gavanwanggw/p/6882930.html