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表示在事件捕获阶段添加。可直接访问的属性同上

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。