js事件绑定的三种方式

1.js事件绑定的 三种方式

第一种,基于html元素属性绑定的方式

例子:

<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>

第三种绑定方式:高级绑定方式addEventListener

<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代表当前对象


你可能感兴趣的:(js事件绑定的三种方式)