詳解css3 pointer-events（阻止hover、active、onclick等觸發(fā)事件來(lái))
pointer-events?更像是JavaScript，它能夠：
1. 阻止用戶的點(diǎn)擊動(dòng)作產(chǎn)生任何效果
2. 阻止缺省鼠標(biāo)指針的顯示
3. 阻止CSS里的hover?和active?狀態(tài)的變化觸發(fā)事件
4. 阻止JavaScript點(diǎn)擊動(dòng)作觸發(fā)的事件
實(shí)際代碼使用中案例：
1、提交頁(yè)面，提交按鈕點(diǎn)擊后，添加這個(gè)樣式屬性（style="pointer-events"），來(lái)防止重復(fù)提交。 @camnpr
2、一些層的絕對(duì)定位，覆蓋按鈕，穿透可以點(diǎn)擊它。等等。
來(lái)看下具體用法：
pointer-events:??auto?|?none?|?visiblePainted?|?visibleFill?|?visibleStroke?|?visible?|?painted?|?fill?|?stroke?|?all?|?inherit
pointer-events屬性有很多值，但是對(duì)于瀏覽器來(lái)說(shuō)，只有auto和non兩個(gè)值可用，其它的幾個(gè)是針對(duì)SVG的(本身這個(gè)屬性就來(lái)自于SVG技術(shù))。
pointer-events屬性值詳解
auto——效果和沒(méi)有定義pointer-events屬性相同，鼠標(biāo)不會(huì)穿透當(dāng)前層。在SVG中，該值和visiblePainted的效果相同。
none——元素不再是鼠標(biāo)事件的目標(biāo)，鼠標(biāo)不再監(jiān)聽(tīng)當(dāng)前層而去監(jiān)聽(tīng)下面的層中的元素。但是如果它的子元素設(shè)置了pointer-events為其它值，比如auto，鼠標(biāo)還是會(huì)監(jiān)聽(tīng)這個(gè)子元素的。
其它屬性值為SVG專(zhuān)用，這里不再多介紹了。
瀏覽器兼容性
Firefox 3.6+和chrome 2.0+ 以及safari 4.0+都支持這個(gè)CSS3屬性，IE6/7/8/9都不支持（IE11又支持，不過(guò)很好的一點(diǎn)是在ie中給a加disabled 點(diǎn)擊事件自動(dòng)無(wú)效。），Opera在SVG中支持。但是?該屬性HTML中不支持?。
原文鏈接：http://outofmemory.cn/css/css3-pointer-events
