方法一：
<input id="btn" value="按鈕" type="button" onclick="showmsg();">
　　<script>
　　 function showmsg(){
　　 alert("HTML添加事件處理");
　　 }
　　</script>

方法二：
<input id="btn" value="按鈕" type="button">
　　<script>
　　　　var btn= document.getElementById("btn");
　　 btn.onclick=function(){
　　　　　　alert("DOM級添加事件處理");
　　　　} 
　　　　btn.onclick=null;//如果想要刪除btn的點擊事件，將其置為null即可
　　</script>

方法三：
<input id="btn" value="按鈕" type="button">
　　<script>
　　 var btn=document.getElementById("btn");
　　 btn.addEventListener("click",showmsg,false);//這裏我們把最後一個值置為false，即不在捕獲階段處理，一般來說冒泡處
理在各瀏覽器中兼容性較好
　　 function showmsg(){
　　 alert("DOM級添加事件處理程序");
　　 }
　　 btn.removeEventListener("click",showmsg,false);//如果想要把這個事件刪除，只需要傳入同樣的參數即可
　　</script>

友情鏈接：https://www.jb51.net/article/83052.htm

添加事件3種方法