在日常开发中，前端会遇到很多数据回显的情况， 同时产品要求禁止用户修改，有时候表单数据和各种input框特别多， 一个一个加只读属性甚是麻烦，发现了一个css神器：pointer-events: none，只要在父元素上面加上这个样式，父元素里面的数据用户都改不了了，很方便。
pointer-events: none 顾名思义，就是鼠标事件拜拜的意思。元素应用了该 CSS 属性，链接啊，都变成了 “浮云”。pointer-events: none 的作用是让元素实体 “虚化”。例如一个应用 pointer-events: none 的按钮元素，则我们在页面上看到的这个按钮，只是一个虚幻的影子而已，您可以理解为海市蜃楼，幽灵的躯体。当我们用手触碰它的时候可以轻易地没有任何感觉地从中穿过去。
