javascript与jquery绑定事件方式

 
 
在DOM元素中直接绑定；
在JavaScript代码中绑定；
绑定事件监听函数。

1.js传统方式:

element.onclick = function(e){
        // ...
    };


 
 
传统绑定的优点
   
   
非常简单和稳定，可以确保它在你使用的不同浏览器中运作一致
处理事件时，this关键字引用的是当前元素，这很有帮组
传统绑定的缺点 
   
   
传统方法只会在事件冒泡中运行，而非捕获和冒泡
一个元素一次只能绑定一个事件处理函数。新绑定的事件处理函数会覆盖旧的事件处理函数
事件对象参数(e)仅非IE浏览器可用
2.js w3c方式:
element.addEventListener('click', function(e){
        // ...
    }, false);

3.
addEvent/removeEvent库）
 
 

  
  

 
 
 
 

  
  

 
 
 
 

  
  

 
 
 
 

  
  jquery:
 
 
 
 

  
  

 
 
 
 

  
  

 
 
 
 

  
  bind()、delegate()、on()、live()    click() ,页面加载完之后不能用
  
  

 
 
1）当方法没有参数时，赋值可以直接用onclick = 方法名

  
  

   
   复制代码代码如下:
  
  
  
  

   
   
  window.onload = function() {
        $('btnTest').onclick = test;   
  }
  function test() {
        alert(val);
  }

  
  
2）当方法有参数时，用onclick = 方法名(参数)时就有错了，需要在方法名前面加function()

  
  

   
   复制代码代码如下:
  
  
  
  

   
   
  window.onload = function() {
        $('btnTest').onclick = function() { test(1) };   
  }
  function test(val) {
        alert(val);
  }