attachEvent() / addEventListener() 对象添加触发事件(转)

最新推荐文章于 2019-05-22 11:49:00 发布

iteye_2466

最新推荐文章于 2019-05-22 11:49:00 发布

阅读量120

点赞数

分类专栏： javascript 文章标签： Opera IE Gmail JavaScript XHTML ViewUI

本文链接：https://blog.csdn.net/iteye_2466/article/details/81887408

版权

javascript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

attachEvent() / addEventListener() 对象添加触发事件(转)

有时候当某一对象的某一事件被触发时，它所要执行的程序可能是一大串，有可能是要呼叫某一函数，也有可能同时又要呼叫另一函数。

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

在IE中使用addachEvent ,

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

看看gmail的代码

var Ka=navigator.userAgent.toLowerCase();
var rt=Ka.indexOf("opera")!=-1;
var r=Ka.indexOf("msie")!=-1&&(document.all&&!rt);

function Zl(a,b,c){if(r){a.attachEvent("on"+b,c)}else{a.addEventListener(b,c,false)}}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
	var agent=window.navigator.userAgent.toLowerCase();
	//var a=agent.indexOf('opera')!=-1;
	var b=agent.indexOf('msie')!=-1 //&& (document.all && !a)
	function addEvent(obj,fun,e){
		if(b){
			obj.attachEvent('on'+e,fun);	
		}else{
			obj.addEventListener(e,fun,false);	
		}	
	}
	function testtest(){
		alert('sdfsdfsdf');	
	}
	window.οnlοad=function(){
		var objbutton=document.getElementsByTagName('input')[0];
		addEvent(objbutton,testtest,'click');	
	}
</script>
</head>
<body>
<form>
<input type="button" name="button1" value="测试" />
</form>
</body>
</html>