IE兼容事件函数function(e){}中e的问题

像八戒的程序猴

于 2021-03-31 01:37:09 发布

阅读量543

点赞数

分类专栏：前端小知识之兼容篇文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/weixin_42024074/article/details/115339985

版权

前端小知识之兼容篇专栏收录该内容

2 篇文章

订阅专栏

本文探讨了在低版本IE浏览器中，`function(e){}`中的`e`作为事件对象无法直接获取的问题。在标准浏览器中，`e`用于保存事件的相关信息，如鼠标坐标。但在IE中，事件信息存储于`window.event`对象。为实现兼容性，需要额外处理。通过`for in`循环可以检查并输出事件属性。注意，`e`的使用可根据是否需要获取事件信息来决定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function(e){}中e在低版本IE浏览器获取问题

简单来说就是指向了当前发生的事件（click、mouseover等等），保存了当前事件的信息。如鼠标点击事件，有鼠标的坐标信息。

其中，e是标准浏览器传递进去的事件参数，低版本IE不会传递，事件参数放置在window.event对象中，所以兼容低版本的IE要加上这句 e = e || window.event;

使用 for in 来输出一点东西：

// An highlighted block
<script type="text/javascript">
			div.onclick = function (e){
				
				// 非IE浏览器拿到e的值
				// var evt = e;
				
				// IE浏览器拿到e的值需要这样
				// var evt = window.event;
				
				// 所以想要兼容就可以这么写
				var evt = e || window.event;
				 for(var pro in event){
				                document.write('event.'+pro+'='+evt.pro+'<br />');
				            }

			};
		</script>