鼠标穿透 pointer-events: none;
是 CSS3 中的一个属性,主要用于控制元素是否响应鼠标或触摸事件。当元素的 pointer-events 属性被设置为 none 时,该元素及其子元素将无法与鼠标或触摸设备产生交互作用,即无法触发事件。可以在一个元素上设置 pointer-events: none,然后在它的子元素上绑定事件,这样鼠标交互会直接在子元素上触发事件,跳过中间元素。在一个元素的子元素上设置 pointer-events: none,可以防止点击事件穿透到父层元素上。在一个元素上覆盖一个透明的层,同时禁用用户对下面元素的操作。
原创
2024-05-30 16:30:32 ·
1033 阅读 ·
0 评论