JS:attachEvent和addEventListener 使用方法

转载 2012年03月29日 10:55:16

JS:attachEvent和addEventListener 使用方法

attachEvent方法,为某一事件附加其它的处理事件。(不支持Mozilla系列)

addEventListener方法 用于 Mozilla系列

举例:
document.getElementById("btn").onclick = method1;
document.getElementById(
"btn").onclick = method2;
document.getElementById(
"btn").onclick = method3;
如果这样写,那么将会只有medhot3被执行

写成这样:
var btn1Obj = document.getElementById("btn1"); 
//object.attachEvent(event,function);
btn1Obj.attachEvent("onclick",method1);
btn1Obj.attachEvent(
"onclick",method2);
btn1Obj.attachEvent(
"onclick",method3);
执行顺序为method3->method2->method1

如果是Mozilla系列,并不支持该方法,需要用到addEventListener
var btn1Obj = document.getElementById("btn1");
//element.addEventListener(type,listener,useCapture);
btn1Obj.addEventListener("click",method1,false);
btn1Obj.addEventListener(
"click",method2,false);
btn1Obj.addEventListener(
"click",method3,false);
执行顺序为method1->method2->method3

使用实例:

1。 
var el = EDITFORM_DOCUMENT.body; 
//先取得对象,EDITFORM_DOCUMENT实为一个iframe
if (el.addEventListener)...{
 el.addEventListener(
'click', KindDisableMenu, false);
}
 else if (el.attachEvent)...{
 el.attachEvent(
'onclick', KindDisableMenu);
}

2。 
if (window.addEventListener) ...{
 window.addEventListener(
'load', _uCO, false);
}
 else if (window.attachEvent) ...{
 window.attachEvent(
'onload', _uCO);
}

JS:attachEvent和addEventListener 使用方法

JS:attachEvent和addEventListener 使用方法 attachEvent方法,为某一事件附加其它的处理事件。(不支持Mozilla系列) addEven...
  • zzxian
  • zzxian
  • 2012年01月09日 22:54
  • 738

JS事件监听 JS:attachEvent和addEventListener 使用方法

http://blog.163.com/wumingli456@126/blog/static/288964142010755811775/ attachEvent与addEventList...

javascript attachEvent 和 addEventListener 使用方法 区别

attachEvent方法,为某一事件附加其它的处理事件。(不支持Mozilla系列) addEventListener方法 用于 Mozilla系列 举例: document.getEleme...
  • claram
  • claram
  • 2011年01月08日 17:09
  • 4001

attachEvent和addEventListener方法的使用

attachEvent和addEventListener方法的使用 来源:http://wenku.baidu.com/view/2050a3106edb6f1aff001f61.html 搜集整...

bind 事件:attachEvent和addEventListener方法的使用

attachEvent和addEventListener方法的使用 Javascript 动态地给元素添加事件,取代在元素上写onclick 一般情况下直接在元素上添加事件的写法如下: ...

js添加事件attachEvent和addEventListener的用法

attachEvent方法 按钮onclick  addEventListener方法 按钮click  两者使用的原理:可对执行的优先级不一样,下面实例讲解如下:  attachEvent方法...

js中addEventListener和attachEvent的用法(转)

//js中addachEvent,addEventListener的应用办法 //非IE浏览器的动态添加,刊出事务的办法 el.addEventListener(""click"", msg, f...

Js添加事件addEventListener和attachEvent

给对象增加一个事件,可以用上文的方法,当然也可以用addEventListener和attachEvent。 两者有一个区别: addEventListener和attachEvent能够给对象增加多...

js 添加事件 attachEvent(IE) 和 addEventListener(W3C) 的用法

一般我们在JS中添加事件,是这样子的   1 obj.onclick=method 这种绑定事件的方式,兼容主流浏览器,但如果一个元素上...

js 添加事件 attachEvent 和 addEventListener 的用法

一般我们在JS中添加事件,是这样子的 1 obj.onclick=method 这种绑定事件的方式,兼容主流浏览器,但如果一个元素上添加多次同一事件呢? 1 obj...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS:attachEvent和addEventListener 使用方法
举报原因:
原因补充:

(最多只允许输入30个字)