没有合适的资源?快使用搜索试试~ 我知道了~
Js on及addEventListener原理用法区别解析
1 下载量 137 浏览量
2020-10-15
03:42:30
上传
评论
收藏 53KB PDF 举报
温馨提示
试读
2页
主要介绍了Js on及addEventListener原理用法区别解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
资源推荐
资源详情
资源评论
Js on及及addEventListener原理用法区别解析原理用法区别解析
主要介绍了Js on及addEventListener原理用法区别解析,文中通过示例代码介绍的非常详细,对大家的学习或者
工作具有一定的参考学习价值,需要的朋友可以参考下
一一.首先介绍两者的用法:首先介绍两者的用法:
1.on的用法:以的用法:以onclick为例为例
第一种:
obj.onclick = function(){
//do something..
}
第二种:
obj.onclick= fn;
function fn (){
//do something...
}
第三种:当函数fn有参数的情况下使用匿名函数来传参:
obj.onclick = function(){fn(param)};
function fn(param){
//do something..
}
不能够这样写:错误写法:obj.onclick= fn(param):
因为这样写函数会立即执行,不会等待点击触发,特别注意一下
2.addEventListener的用法:的用法:
形式:
addEventListener(event,funtionName,useCapture)
参数:
event:事件的类型如 “click”
funtionName:方法名
useCapture(可选):布尔值,指定事件是否在捕获或冒泡阶段执行。
true - 事件句柄在捕获阶段执行
false- false- 默认。事件句柄在冒泡阶段执行
写法:
第一种:
obj.addEventListener("click",function(){
//do something
}));
第二种,没参数可以直接写函数名
obj.addEventListener("click",fn,fasle));
function fn(){
//do something..
}
第三种:函数有参数时需要使用匿名函数来传递参数
obj.addEventListener("click",function(){fn(parm)},false);
二二.两者的区别两者的区别
1.on事件会被后面的事件会被后面的on的事件覆盖的事件覆盖
以onclick为例:
//obj是一个dom对象,下同//注册第一个点击事件
obj.onclick(function(){
资源评论
weixin_38694529
- 粉丝: 6
- 资源: 968
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功