编译自gitHub笔记：CSS3:pointer-events:none;效果1、在后台工程中，要实现长按图片触发分享弹窗的功能。测试的时候发现长按图片会触发系统的弹窗（保存图片，分享图片等）。如何禁止系统的行为？Bing发现pointer-events:none;可以解决问题。2.详细的指针事件：无；2.1语法pointer-events:none;表示该元素不会响应鼠标/触摸相关事件。2.2pointer-events的影响：无；1.不会触发鼠标相关事件，和hover效果相关的clickStarttouchMovetouchEndmouseMovemouseOvermouseLeavedrag相关事件2.不影响事件冒泡和捕获，只影响事件处理阶段。内部元素是pointer-events:none;。虽然点击inner元素不会触发click事件，但是它的父元素outer会触发click事件。3.穿透效果前面的元素是pointer-events:none;。虽然点击Front元素不会触发点击事件，但是Z轴底部的元素Backend会触发点击事件。也不影响Z轴底部的文本选择。穿透效果应用场景：日期选择组件的渐变效果，对于上下两端的渐变效果，一般都用伪元素覆盖。为了不影响日期的滑动选择，可以加上pointer-events:none;到伪元素。4.移动端禁止长按图片时系统弹窗。5.应用在a标签上可以禁止悬停效果和跳转。参考CSS-TRICKSpointer-eventsCSS3pointer-events:none应用示例和扩展
