本文介绍了CSS3的pointer-events属性，用于控制元素是否可以成为鼠标事件的目标。当设置为`pointer-events: none;`时，元素将无法响应鼠标事件，允许点击穿透到下层元素。此特性在处理覆盖元素时尤其有用，如让搜索图标穿透到输入框，允许用户直接点击输入。文章还提供了禁止点击和点击穿透的代码实例，并列出了浏览器兼容性。
先说一下什么时候会用到这个属性，比如上方这个搜索框，搜索图标 使用的是绝对定位，它覆盖在了 父元素上面 ，现在用鼠标点击它 是无法点击到input框进行输入的，而我想实现一个功能：当我用鼠标点击 这个使用了绝对定位的搜索图标时，我想透过它 直接点击到后面的input框，这个时候只需要给 这个搜索图标设置 pointer-events：none； 让其鼠标事件失效，这样就能直接点击到后面的input框了
关于这个属性的具体分析请往下看
1、是什么
pointer-events 直译为指针事件，该属性指定在什么情况下某个DOM可以成为鼠标事件的 target。
简而言之，就是允许/禁止DOM的鼠标事件(click事件、hover事件、mouse事件等鼠标事件)
2、具体属性分析
用法分析：
最低0.47元/天 解锁文章
扫一扫
676
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
