你不知道的CSS3屬性pointer-events

經過研究element-ui源碼發現pointer-events屬性，它可以禁止用戶的鼠標事件，點擊事件失效，神奇的是在Chrome中審查元素鼠標居然沒法選中，好像被Chrome「無視」同樣，立馬激起個人好奇心。

借用張鑫旭老師的博客中話解釋：

我我的(張鑫旭老師)將pointer-events:none理解爲「幻影特性」。原話以下：

pointer-events:none的做用是讓元素實體「虛化」。例如一個應用pointer-events:none的按鈕元素，則咱們在頁面上看到的這個按鈕，只是一個虛幻的影子而已，您能夠理解爲海市蜃樓，幽靈的軀體。當咱們用手觸碰它的時候能夠輕易地沒有任何感受地從中穿過去。
一切都是幻影!

CSS3 pointer-events:none應用舉例及擴展 www.zhangxinxu.com/wordpress/?…

pointer-events:none提升頁面滾動時候的繪製性能？www.zhangxinxu.com/wordpress/?…