跨浏览器访问事件的方法

一 介绍
1、DOM事件模型和IE事件模型访问事件对象的方式完全不同,因此需要写一个跨浏览器的程序。
2、实现跨浏览器的通常做法是:将事件处理函数绑定到DOM对象的属性上。
 
二 代码
<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	<title> 跨浏览器访问事件 </title>
</head>
<body>
	<button id="a">按钮</button>
	<script type="text/javascript">
	// 定义一个形参evt
	var clickHandler = function(evt)
	{
		// 对于DOM事件模型,访问事件源用target属性
		if (evt)
		{
			alert(evt.target.innerHTML);
		}
		// 对于IE浏览器
		else
		{
			alert(window.event.srcElement.innerHTML);
		}
	}
	// 为按钮a绑定事件处理器
	document.getElementById("a").onclick = clickHandler;
	</script>
</body>
</html>
 
三 运行结果
下面的运行结果分别是在谷歌浏览器和IE浏览器上执行的结果。

 

猜你喜欢

转载自cakin24.iteye.com/blog/2370507