js事件綁定的三種方式

時間 2019-11-20

原文原文鏈接

1.js事件綁定的三種方式
javascript

第一種，基於html元素屬性綁定的方式html

例子：java

<button onclick="t():">第一種綁定方式</button>

第二種綁定方式,基於元素對象的方式綁定函數

<html>
 <head>
 <script type="text/javascript">
   window.onload=function(){
      var test=document.getElementById("test").occlick=function(){
      test.styel.left=ev.clientX+'px'；  
      }
   } 
 </head>
</html>

第三種綁定方式：高級綁定方式addEventListenerthis

<html>
 <head>
 <script type="text/javascript">
   window.onload=function(){
      var test=document.getElementById("test").occlick=function(){
      //test.addEnentListenner=('事件名稱','綁定的函數','false表示冒泡true表示捕捉')； 
      test.addEnentListenner=('onclick',function(){ this.style.backgroundColor='gray'；})；  
      }
   } 
 </head>
</html>

注意：綁定事件中的this表明當前對象spa

相關標籤/搜索