IE6–IE9不支持pointer-events，需用JS事件代理拦截并阻止默认行为，优先监听最近父容器，兼容处理target与preventDefault。
pointer-events 在 IE10 以下完全无效
IE6–IE9 根本不识别 pointer-events 这个 CSS 属性，设了等于白设。不是兼容性差，是压根没实现。所以靠纯 CSS 隐藏点击区域在这些浏览器里必然失败，必须换思路。
常见错误现象：pointer-events: none 写了但按钮依然能点、下拉菜单仍会触发 hover、遮罩层挡不住底层点击——基本可以断定是旧 IE 环境。
- 不要试图用
@supports (pointer-events: none)去检测并降级，IE9 及以下连@supports都不支持 - 真正可用的检测方式只有 UA 判断或特性检测（如
'onpointerdown' in document不可靠，得用'msMaxTouchPoints' in navigator或更稳妥的 IE 条件注释逻辑） - 若项目仍需支持 IE8，CSS 方案应直接放弃，全部交由 JS 控制事件流向
用事件代理拦截并阻止默认行为
核心思路不是“让元素不响应鼠标”，而是“在父级统一捕获事件，按需取消”。这比给每个子元素加 onclick="return false" 更轻量，也避免漏掉动态插入的节点。
使用场景：模态框遮罩层、禁用状态的表单项组、地图上覆盖的不可交互图层。
- 监听
document或最近公共父容器的mousedown/click，**不要用pointerdown**（IE10+ 才有，且行为不一致） - 用
e.target向上遍历判断是否落在被禁用区域（比如检查是否有data-disabled或 class 包含no-click） - 确认后调用
e.preventDefault()和e.stopPropagation()，尤其注意 IE8 中preventDefault不存在，得用e.returnValue = false
简短示例：
document.addEventListener('click', function(e) {
var target = e.target;
while (target && !target.hasAttribute('data-no-click')) {
target = target.parentNode;
}
if (target && target.hasAttribute('data-no-click')) {
if (e.preventDefault) e.preventDefault();
else e.returnValue = false;
if (e.stopPropagation) e.stopPropagation();
}
});
IE8 下 event.srcElement 和 event.target 的差异
IE8 不支持标准的 e.target，只认 e.srcElement；而现代浏览器不支持 srcElement。硬写分支容易出错，最稳的方式是统一取值。
- 别写
var el = e.target || e.srcElement—— 这在 IE8 的某些事件（如 focus/blur）中会失效 - 推荐封装一个安全获取目标元素的函数：
function getEventTarget(e) { return e.target || e.srcElement || e.currentTarget; } - 注意：IE8 中
currentTarget指向绑定事件的元素，不是冒泡路径上的当前节点，慎用于深度遍历 - 如果用 jQuery，
$(e.target)内部已处理兼容，但项目若已弃用 jQuery，就别为这点事引入
性能和冒泡链被意外截断的风险
事件代理本身轻量，但一旦在顶层（如 document）做频繁判断 + stopPropagation，可能影响其他模块的监听逻辑，尤其是第三方 SDK 或插件依赖完整冒泡链时。
- 优先把事件监听器挂到离禁用区域最近的稳定父容器，而不是一律上树到
document - 避免在循环中反复调用
getBoundingClientRect()或querySelectorAll，IE8 下性能极差 - 如果禁用逻辑复杂（比如要结合坐标判断是否在某 SVG 路径内），宁可降级为给目标元素加
onclick="return false"，也别在代理里做重计算 - 测试时务必打开 IE8 的开发者工具，观察控制台是否报
Object doesn't support property or method 'addEventListener'——说明你忘了用attachEvent回退
真正麻烦的不是写几行兼容代码，而是旧浏览器里事件对象属性名、冒泡机制、甚至 this 指向都和现在不一样。动手前先确认：那个“旧浏览器”具体是 IE8 还是 IE9？差这一代，addEventListener 和 classList 的存在与否，就决定了方案边界。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
