javascript 添加和移除函数的通用方法
作者:bea
//添加函数的方法 function addEvent( node, type, listener) { if( node.addEventListener ){ // W3C方法(DOM方法) //下面语句中的false意思是用于冒泡阶段,若是true则是用于捕获阶段(IE不支持捕获),所以这里用false是一方面的原因是为了统一 node.addEventListener( type, listener, false ); return true; } else if(
//添加函数的方法
function addEvent( node, type, listener) {
if( node.addEventListener ){
// W3C方法(DOM方法)
//下面语句中的false意思是用于冒泡阶段,若是true则是用于捕获阶段(IE不支持捕获),所以这里用false是一方面的原因是为了统一
node.addEventListener( type, listener, false );
return true;
} else if( node.attachEvent ){
// MSIE方法(IE方法)
node['e' + type + listener] = listener;
node[type + listener] = function (){
node['e' + type + listener](window.event);
};
node.attachEvent('on' + type, node[type + listener]);
return true;
}
//如两种方法都不具备则返回false
return false;
}
//移除函数的方法
function removeEvent( node, type, listener) {
if( node.addEventListener ){
node.removeEventListener( type, listener, false );
return true;
} else if( node.detachEvent) {
node.detachEvent('on' + type, listener);
return true;
}
//如两种方法都不具备则返回false
return false;
}
//添加载入事件的方法如下所示
1.function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!="function"){
window.onload=func;
}else{
window.onload=function(){
oldonload();
func();
}
}
}
2.//用上面的addEvent方法
addEvent(window, 'load', fn);
有用 | 无用
function addEvent( node, type, listener) {
if( node.addEventListener ){
// W3C方法(DOM方法)
//下面语句中的false意思是用于冒泡阶段,若是true则是用于捕获阶段(IE不支持捕获),所以这里用false是一方面的原因是为了统一
node.addEventListener( type, listener, false );
return true;
} else if( node.attachEvent ){
// MSIE方法(IE方法)
node['e' + type + listener] = listener;
node[type + listener] = function (){
node['e' + type + listener](window.event);
};
node.attachEvent('on' + type, node[type + listener]);
return true;
}
//如两种方法都不具备则返回false
return false;
}
//移除函数的方法
function removeEvent( node, type, listener) {
if( node.addEventListener ){
node.removeEventListener( type, listener, false );
return true;
} else if( node.detachEvent) {
node.detachEvent('on' + type, listener);
return true;
}
//如两种方法都不具备则返回false
return false;
}
//添加载入事件的方法如下所示
1.function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload!="function"){
window.onload=func;
}else{
window.onload=function(){
oldonload();
func();
}
}
}
2.//用上面的addEvent方法
addEvent(window, 'load', fn);
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 仿打字特效的JS逐字出现的信息文字
- JavaScript 平滑文字闪烁
- javascript 洒脱飘动的文字
- JavaScript 炫彩的文字
- Javascript 小写字母依次变为大写
- Js+CSS 文字渐隐渐现显示
- Domino中运用jQuery读取视图内容的方法
- JS 截取字符串substr 和 substring方法的区别
- JavaScript 常用函数库详解
- 再谈ie和firefox下的document.all属性
- 用Javascript 编写可以缓慢弹出收缩的层
- javascript void(0)的妙用
- extjs 学习笔记 四 带分页的grid
- Jquery Ajax.ashx 高效分页实现代码
- fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法
- Javascript remove 自定义数组删除方法
- JavaScript 事件记录使用说明
- 7个Javascript地图脚本整理
- JavaScript 自动完成脚本整理(33个)