javascript不能直接操作pointer-events属性，但可通过style.pointerevents或class切换控制元素指针事件响应；设为'none'时元素及后代均不响应，但不影响键盘交互与语义功能。
JavaScript 本身不直接操作 pointer-events，它是一个纯 CSS 属性。但你可以通过 JS 动态修改元素的 style.pointerEvents 或切换 class 来控制 DOM 元素是否响应鼠标/触摸事件。
用 JS 直接设置 style.pointerEvents
这是最直接的方式，适合简单、临时的状态控制：
-
禁用点击穿透：
element.style.pointerEvents = 'none'; -
恢复响应：
element.style.pointerEvents = 'auto'; - 注意：设为
'none'后，该元素及其所有后代（无论是否显式设auto）都收不到指针事件
通过 class 切换更可靠
推荐在项目中用 CSS class 管理状态，避免内联样式污染，也便于复用和维护：
- CSS 中定义：
.no-click { pointer-events: none; } - JS 中启用：
element.classList.add('no-click'); - JS 中关闭：
element.classList.remove('no-click'); - 也可用
toggle：element.classList.toggle('no-click');
动态控制时要注意的坑
有些场景下光改 CSS 不够，JS 需配合处理：
- 动画中切换：淡入前立刻设
none，动画结束回调里再切回auto，否则半透明阶段可能误点 - 移动端 touch 事件：仅靠
pointer-events: none不能保证穿透，需同时监听touchstart并调用preventDefault()和stopPropagation() - 表单控件如
<button></button>或<input>，优先用原生disabled属性，它会自动禁用焦点、提交、键盘激活，而pointer-events: none对这些毫无影响
别混淆：pointer-events 不影响键盘或语义
这个属性只管「指针类事件」，其他行为完全不受控：
- 设了
none的按钮，按 Enter 或 Space 仍能触发click，因为这是浏览器原生激活逻辑 - 屏幕阅读器依然能读取该元素，语义、tabindex、aria 属性照常生效
- 表单提交时，
<button></button>的value仍会被序列化，除非加了disabled
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
