您好,欢迎访问一九零五行业门户网

javascript attachEvent和addEventListener使用方法_javascript技巧

attachevent方法 按钮onclick
addeventlistener方法 按钮click
两者使用的原理:可对执行的优先级不一样,下面实例讲解如下:
attachevent方法,为某一事件附加其它的处理事件。(不支持mozilla系列)
addeventlistener方法 用于 mozilla系列
举例:
java代码
复制代码 代码如下:
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);
}
其它类似信息

推荐信息