ie9及以下完全不支持pointer-events属性，属功能缺失而非兼容性问题；必须用js动态控制dom（如移除遮罩、设置disabled）并配合aria-hidden等可访问性属性来实现点击穿透与交互控制。
IE9及以下根本不解析pointer-events声明
这不是兼容性问题，是功能缺失——IE9及更早版本压根不识别pointer-events这个CSS属性，解析时直接跳过整条声明，等同于没写。你在样式里加pointer-events: none，浏览器返回getComputedStyle(el).pointerEvents是空字符串或undefined，@supports (pointer-events: none)也完全无效（IE连@supports语法都不支持）。别在DOM结构、z-index或透明度上反复调试，根源就在这里。
用事件目标过滤代替CSS禁用
既然CSS层面走不通，就得回到JS层做精准拦截。核心思路：统一监听父容器事件，再根据e.target的标识（如id、class或dataset）判断是否放行。
- 给整行
<tr>或表格容器绑定<code>onclick，避免为每个<td>单独绑事件 <li>用<code>e.target.tagName === 'TD'+e.target.classList.contains('no-click')双重校验，比只靠id更健壮 - 禁用状态通过添加
.no-click类控制，切换时只改class，不操作内联style - 注意IE8不支持
classList，需回退到className.indexOf('no-click') !== -1 - 显示遮罩时：
document.body.appendChild(maskEl)，并确保它没有onclick等事件监听器 - 需要穿透点击时：
maskEl.parentNode.removeChild(maskEl)，而不是设display: none（会触发重排） - 若必须保留DOM结构，可用
maskEl.style.left = '-9999px'+maskEl.style.position = 'absolute'强行移出视口 - 配合
aria-hidden="true"保证屏幕阅读器不误读 - 禁用时必须用原生
disabled属性：el.disabled = true，而非仅加CSS - 恢复时同步清除
disabled并重置value（IE可能缓存旧值） - 对
<label></label>关联的控件，确保for属性和id匹配，否则点击label无法聚焦控件 - 不要试图用
pointer-events: none覆盖disabled——两者无关，且IE根本不认前者
遮罩层穿透必须靠JS动态移除/隐藏DOM
低版本IE里，任何“视觉遮罩”只要还在DOM中，就会拦截点击——哪怕它opacity: 0、visibility: hidden甚至background: transparent。唯一可靠的方式是：
表单控件交互要绕开pointer-events逻辑
IE下<input type="file">、<select></select>等原生控件对CSS干预极不敏感。即使你用JS模拟了禁用样式，用户仍可能点开下拉或唤起文件选择器。正确做法：
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
