pointer-events是一个满有趣的CSS3属性，虽然主要是针对SVG ，但其中几个属性应用在div上也是颇有意思。顾名思义，这是一个针对鼠标滑动事件的属性，预设值为auto，若值为none，则可以穿越该元素，点击到下方的元素。除了auto和none，这是完整的属性列表 ...

pointer-events是css的一个属性 在微信小程序中需要注意的是不能放置再组件中使用 pointer-events: none，但是可以在组件中设置 pointer-event: auto; ...

，pointer-events，下面先看一下他的属性设置值，可以在下面层绑定点击（touch）事件添加这一css ...

应用场景 我们在 HTML 开发时可能会遇到这样的情况：页面上有一些元素使用绝对定位布局，这些元素可能会遮盖住它们位置下方的某个元素的部分或者全部。默认情况下，下方元素被遮挡的部分是不会响应鼠标事件的。 但有时我们可能需要被遮盖住的元素仍然能够处理鼠标事件。 比如：我们在一个地图组件上覆盖 ...

一、pointer-events:none是？ pointer-events是CSS3中又一冉冉的属性，其支持的值牛毛般多，不过大多都与SVG相关，我们可以不用理会。当下，对于偶们来讲，与SVG划开界线值得一提的就是[none|auto]两个属性值了。其中”auto”的感觉与width属性 ...

·什么是滚动穿透： 在移动端的前端开发中，我们常常会用到Modal弹窗，又称模态框，用来在已有页面显示新的选项、提示或新内容。遮罩层常出现在弹窗后，用来在视觉上，帮助用户集中注意力，功能上，防止用户继续操作页面上的其他内容。遮罩层通常是一个绝对定位，宽高充满内容区域或可视区域，层级略低于弹窗 ...

如果为某个元素样式设置了“pointer-events: none ”，事件、连接、悬浮样式都没有了 如果为a标签设置了“pointer-events: none ”，点击a标签，不会跳转到链接地址，而且也没有悬浮样式，但是通过tab键可以选中连接进行跳转，可以把href去掉，这样就不能选中 ...

// 屏蔽点击 $('body').css('pointer-events', 'none'); //恢复默认 $('body').css('pointer-events', 'auto'); 用处 ...