javascript attachEvent和addEventListener使用方法_javascript技巧-js教程-PHP中文网

javascript attachEvent和addEventListener使用方法_javascript技巧

php中文网

发布： 2016-05-16 18:55:13

原创

1282人浏览过

attachEvent方法按钮onclick
addEventListener方法按钮click
两者使用的原理：可对执行的优先级不一样，下面实例讲解如下：
attachEvent方法，为某一事件附加其它的处理事件。（不支持Mozilla系列）
addEventListener方法用于 Mozilla系列
举例:
Java代码

Freeway

Freeway 是一个功能丰富的开源电子商务平台,它提供的不仅仅是买卖商品而是扩展到以一些奇特的方式来销售商品.这些都很容易配置.例如:你可以决定是否采用其提供的一些技巧来销售商品,或只用普通的方法来销售.另外你将会发现 Freeway有着丰富的CRM 特点和易于使用且简单的CMS特点.

查看详情

复制代码代码如下:

 
document.getElementById("btn").onclick = method1; 
document.getElementById("btn").onclick = method2; 
document.getElementById("btn").onclick = method3; 

如果这样写,那么将会只有medhot3被执行
写成这样：
Java代码:

复制代码代码如下:

 
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
Java代码:

复制代码代码如下:

 
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。 Java代码:

复制代码代码如下:

 
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。 Java代码:

复制代码代码如下:

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