那些像JS事件的CSS属性-持续更新
使用过程中不禁感叹这些CSS属性跟JS事件也太像了。。。好吧。。关键是用起来方便
- pointer-events: none; 允许开发者指定元素在何时成为鼠标事件的 target。当值为 none 时， 元素被“点透”， 无法成为点击事件的 target 。需要注意的是 Safari 不支持该属性。（HTML5新增了 pointerEvent 等事件，pointer-events: none; 如何用JS来实现还没有思路，如果大神知道，请评论告知，感激不尽）
- touch-action: manipulation; 用于指定某个给定的区域如何响应用户操作（比如浏览器自带的划动、缩放等）,常用来解决移动端点击延迟300ms的问题。
注：touch-action只支持具有CSS width和height属性的元素。这个限制的目的是帮助浏览器优化低延时的手势操作。对于默认不支持此属性的元素，如这种内联元素，可以给它设置display:block这样的CSS属性来支持width和height。未来W3C规范会将此API扩展到支持所有元素。
- user-select: none; 控制页面文字不能被选中，这个在JS中有对应的事件
- -webkit-overflow-scrolling: touch; 滚动回弹的效果，这个主要针对移动版Safari用户。JS实现版本参照 Web移动端touch事件。若显式的设定 overflowl-y: scroll，在安卓(4.4)机上 即使没有超出容器也会出现滚动条，IOS 10.3以上兼容性良好。
- -webkit-tap-highlight-color: transparent; 当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。
- -webkit-touch-callout: none; 当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。在iOS上，当你触摸并按住触摸的目标，比如一个链接，Safari浏览器将显示链接有关的系统默认菜单。这个属性可以让你禁用系统默认菜单。
