js事件綁定函數

標籤：函數   his   lis   value   get   put   button   onclick   htm   

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

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是同一種Binder 方法，並且1，2同時存在時2會覆蓋1，因為onclick是一種屬性。

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

js事件綁定函數