跨浏览器访问事件的方法

最新推荐文章于 2022-04-02 21:21:32 发布

chengqiuming

最新推荐文章于 2022-04-02 21:21:32 发布

阅读量585

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/chengqiuming/article/details/78600080

版权

HTML5 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

一介绍

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浏览器上执行的结果。

查看图片附件

chengqiuming

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
跨浏览器访问事件的方法

一介绍1、DOM事件模型和IE事件模型访问事件对象的方式完全不同，因此需要写一个跨浏览器的程序。2、实现跨浏览器的通常做法是：将事件处理函数绑定到DOM对象的属性上。二代码跨浏览器访问事件按钮 // 定义一个形参evt var clickHandler = function(evt) { // 对于D
复制链接

扫一扫