js中比较常见的兼容

var e = e || window.event

2.屏幕宽度的兼容问题,
一般在是用到屏幕宽度的，比如使用rem布局来，根据屏幕宽度动态计算根节点时

let clientW =  document.documentElement.clientWidth || document.body.clientWidth

Element.clientWidth 属性表示元素的内部宽度，以像素计。该属性包括内边距，但不包括垂直滚动条（如果有）、边框和外边距。
该属性值会被四舍五入为一个整数。如果你需要一个小数值，可使用 element.getBoundingClientRect()。

var target = e.target || e.srcEement

在 IE6-8 中，事件模型与标准不同。使用非标准的 element.attachEvent() 方法绑定事件监听器。在该模型中，事件对象有一个 srcElement 属性，等价于target 属性。

4.阻止事件冒泡：

cancelBubble()  return false //ie
e.stopPropagation()

5.添加事件：

ele.addEventLisener("click" , fn)
ele.attchEvent('onclick',fn) //这是早期IE浏览器（IE8及早期版本）的一个专有的替代性标准

attachEvent() 不再被IE11支持。
EventTarget.addEventListener()被IE9+支持.

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。