js添加事件处理器的几种常见方式

HTML：on事件名 = strCode事件处理函数可直接访问的属性 = 全局属性 + 元素所在form中的属性 + 元素本身的属性

自动的作用域扩展方式相当于：
+ View Code

事件处理函数可以直接访问这么多属性，所以，可以这样做：
1
2
3
4
    
<form method="post">
  <input type="text" name="user_name" value="">
  <input type="button" value="获取用户名" onclick="alert(user_name.value)">
</form>

DOM0级：elem.on事件名 = functionName/null;

以这种方式添加的事件处理器在冒泡阶段执行，可直接访问的属性 = 全局属性 + 元素本身的属性

DOM2级：（现代浏览器支持的）elem.add/removeEventListener(事件名, functionName, false/true);

false表示在事件冒泡阶段添加，true表示在事件捕获阶段添加。可直接访问的属性同上

js添加事件处理器的几种常见方式

原文：http://muheba.blog.51cto.com/10106374/1631584