js添加事件处理器的几种常见方式
2015-04-12 18:39
225 查看
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表示在事件捕获阶段添加。可直接访问的属性同上
自动的作用域扩展方式相当于:
+ 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面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
- js中常见的几种调用ajax的方式
- JS面向对象之常见创建对象的几种方式
- js-JavaScript常见的创建对象的几种方式
- js中常见的几种调用ajax的方式
- 【js基础】javascript中几种常见的继承方式。
- js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
- JS之常见的几种输出方式
- 表单input添加js事件的几种方式
- cocos2d-js常见对象的几种创建方式
- js实现页面跳转的几种方式
- js实现页面跳转的几种方式
- .NET中几种常见的传值方式
- js实现页面跳转的几种方式
- [基础]datagridview绑定数据源的几种常见方式
- 常见的几种光盘文件系统和刻录方式
- 几种常见的木马启动方式
- js实现页面跳转的几种方式
- js实现页面跳转的几种方式
- js实现页面跳转的几种方式