笔记-【5】-js中事件绑定方法的总结.
2014-05-31 18:29
239 查看
js中的两种对象事件绑定方法:
1:常用的如:div.onclick=function(){...};
2:通过系统方法绑定事件:
非IE:addEventListener('事件名[不加on]',function(){},false[或者true])
IE:attachEvent('事件名[加on]',function(){});
通过系统方法绑定事件可以让对象可以绑定相同的事件并且执行不同的操作,如果使用第一种方法绑定多个相同的事件,最后一个事件会覆盖前面所有的事件。
在addEventListener的第三个参数值:如果为false即支持冒泡事件,如果为true即支持事件捕获;一般情况下为false;(如果有ture 和 false的事件对象同时存在,即先捕获 后冒泡)
兼容处理:
function bind(element,ev,fn){
if(element.addEventListener){
element.addEventListener(ev,fn,false);
}else{
element.attachEvent('on'+ev,fn);
}
};
如果需要***绑定的事件:
IE:detachEvent();
非IE:removeEventListener();
本文出自 “博主梧桐” 博客,请务必保留此出处http://wutong.blog.51cto.com/5214074/1420496
1:常用的如:div.onclick=function(){...};
2:通过系统方法绑定事件:
非IE:addEventListener('事件名[不加on]',function(){},false[或者true])
IE:attachEvent('事件名[加on]',function(){});
通过系统方法绑定事件可以让对象可以绑定相同的事件并且执行不同的操作,如果使用第一种方法绑定多个相同的事件,最后一个事件会覆盖前面所有的事件。
在addEventListener的第三个参数值:如果为false即支持冒泡事件,如果为true即支持事件捕获;一般情况下为false;(如果有ture 和 false的事件对象同时存在,即先捕获 后冒泡)
兼容处理:
function bind(element,ev,fn){
if(element.addEventListener){
element.addEventListener(ev,fn,false);
}else{
element.attachEvent('on'+ev,fn);
}
};
如果需要***绑定的事件:
IE:detachEvent();
非IE:removeEventListener();
本文出自 “博主梧桐” 博客,请务必保留此出处http://wutong.blog.51cto.com/5214074/1420496
相关文章推荐
- 笔记-[6]-js中事件绑定方法的总结
- js学习笔记(二):JQuery中的On绑定事件的方法
- js多个对象绑定一个事件的方法
- js 事件绑定的方法
- js调用.net后台事件,和后台调用前台等方法总结
- js绑定事件this指向发生改变的问题解决方法
- Android开发学习笔记:Button事件实现方法的总结
- js调用.net后台事件,和后台调用前台等方法总结
- js事件绑定的几种方法
- js 事件绑定的方法
- js创建一个input数组并绑定click事件的方法
- js调用.net后台事件,和后台调用前台等方法总结
- js自动加载事件方法总结
- js调用.net后台事件,和后台调用前台等方法总结
- js调用.net后台事件,和后台调用前台等方法总结
- js 事件绑定的方法
- js调用.net后台事件,和后台调用前台等方法总结(转载,方法没试过,不过先收下了 )
- js冒泡、捕获事件及阻止冒泡方法详细总结
- 【JQuery】【总结】注册事件是将方法绑定到事件引出的问题
- js 动态加载事件的几种方法总结