那些像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浏览器将显示连接有关的系统默认菜单。这个属性可让你禁用系统默认菜单。