js中事件綁定方法大致有三種：

1.在DOM元素中綁定

<input  onclick="alert(‘在DOM中綁定‘)"  type="button"  value="點擊我" />

也可以在onclick中填寫函數，與addeventlistener不同的是，在onclick中的函數允許小括號，而後者不允許。

2.在JavaScript代碼中綁定

<input  id="demo"  type="button"  value="點擊我" />
<script type="text/javascript">
document.getElementById(
 
"demo").onclick=function(){
    alert(this.getAttribute("type"));  
}
</script>

3.通過事件綁定函數來綁定

<input type="button" id="myBtn" value="點我"/>
<p id="demo"></p>
<script>
document.getElementById("myBtn").addEventListener("click", myFunction);
function myFunction() 
{
    document.getElementById(
 
"demo").innerHTML = "Hello World";
}
</script>

其實1,2是同一種綁定方法，並且1，2同時存在時2會覆蓋1，因為onclick是一種屬性。

而第三種事件監聽可以給同一個對象綁定多個函數，不會覆蓋，而是依次執行。

js事件綁定函數