元素绑定事件的三种 方法
2017-06-17 18:26
169 查看
1,html事件处理程序(不要使用)
例:<input type="text" id="username" onblur="checkUsername()">
2,传统的dom事件处理
例:ele.onevent.=functionName / userName.onblur=checkUsername();
3,dom监听器(推荐,可以处理多个方法,可传参,用attachEvent可兼容低版本浏览器)
例:ele.addEventListener('blur',funtion(){checkUsername(5);},false); (利用匿名函数“”封装“”命名函数传参)
ie8以下兼容方法
if(ele.addEventListener){
ele.addEventListener('blur',function(){
checkUsername(5)
},false);//最后一个参数表示事件流的方式,false是冒泡方式,true是捕获方式
}else{
ele.attachEvent('onblur',Function(){
checkUsername(5);
});
}
例:<input type="text" id="username" onblur="checkUsername()">
2,传统的dom事件处理
例:ele.onevent.=functionName / userName.onblur=checkUsername();
3,dom监听器(推荐,可以处理多个方法,可传参,用attachEvent可兼容低版本浏览器)
例:ele.addEventListener('blur',funtion(){checkUsername(5);},false); (利用匿名函数“”封装“”命名函数传参)
ie8以下兼容方法
if(ele.addEventListener){
ele.addEventListener('blur',function(){
checkUsername(5)
},false);//最后一个参数表示事件流的方式,false是冒泡方式,true是捕获方式
}else{
ele.attachEvent('onblur',Function(){
checkUsername(5);
});
}
相关文章推荐
- jQuery bind/One/live三种绑定事件方法的区别
- jQuery的三种bind/One/Live事件绑定使用方法
- jQuery判断元素上是否绑定了指定事件的方法
- 【笔记】jQuery中on()与delegate()方法给动态添加元素绑定事件
- [jquery] 给动态生成的元素绑定事件 on方法
- jQuery的三种bind/One/Live事件绑定使用方法
- 【jQuery】使用one()方法绑定元素的一次性事件
- off() 方法 与 unbind() 方法移除绑定事件的处理程序。one()函数用于为每个匹配元素的一个或多个事件绑定一次性事件处理函数
- 14.使用unbind()方法移除元素绑定的事件
- 处理jQuery append加入的元素 绑定事件无效的方法
- jquery使用on()方法绑定元素阻止事件冒泡问题
- 事件绑定的三种方法
- 手机端给父元素绑定了长按事件,但是子元素的点击事件不被触发的解决方法——事件委托
- jQuery 查找on事件绑定元素的被绑定元素方法
- 关于jquery append() 加入的元素,绑定事件无效的方法
- jQuery给动态添加的元素绑定事件的方法
- jquery1.10给新增元素绑定事件的方法
- jQuery动态添加的元素绑定事件处理函数代码的方法及比较
- 17.调用live()方法绑定元素的事件