前端兼容性问题3——js关于事件的兼容性

最新推荐文章于 2022-08-18 14:11:05 发布

熊熊举高高

最新推荐文章于 2022-08-18 14:11:05 发布

阅读量181

点赞数 1

文章标签： html html5 css3 javascript

本文链接：https://blog.csdn.net/weixin_41571938/article/details/115871633

版权

本文探讨了前端开发中JavaScript事件的兼容性问题，包括事件对象的获取方式、事件源的差异、事件绑定与解绑的实现。在IE和非IE浏览器中，事件对象的处理和事件源的属性不尽相同，例如事件源在标准浏览器下是`target`，在IE则是`srcElement`。同时，事件的添加和移除，如`addEventListener`和`removeEventListener`在IE中对应`attachEvent`和`detachEvent`。理解这些差异对于处理前端兼容性至关重要。

摘要由CSDN通过智能技术生成

事件对象
事件对象：当触发事件的时候会产生一个事件对象event ,这个事件对象中包含与这个事件有关的所有信息
a>ie和谷歌，在全局window下面，可以直接打印event相关的信息,输出是未定义（在没有事件发生的时候）, 有事件发生的时候会打印出关于这个事件的所有信息
b>火狐只支持以事件处理函数的第一个参数的形式,而ie6,7,8不支持以事件函数的第一个参数的形式，但不会报错

var oBox = document.getElementById('box');
		oBox.onclick = function() {
   
			oBox.style.height = "200px";
			console.log(event);//关于oBox事件的所有相关信息
		}
		console.log(event);//undefiend
		//火狐下
		oBox.onclick = function(e) {
   
			oBox.style.height =