那些像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瀏覽器將顯示連接有關的系統默認菜單。這個屬性可讓你禁用系統默認菜單。