現(xiàn)代瀏覽器里CSS的職責(zé)范圍和JavaScript的越來越模糊分不清。比如CSS里-webkit-touch-callout屬性在iOS里能禁止當(dāng)用戶點(diǎn)擊時(shí)彈出氣泡框。而本文要說的pointer-events的風(fēng)格更像JavaScript,它能夠:
1.阻止用戶的點(diǎn)擊動作產(chǎn)生任何效果
2.阻止缺省鼠標(biāo)指針的顯示
3.阻止CSS里的hover和active狀態(tài)的變化觸發(fā)事件
4.阻止JavaScript點(diǎn)擊動作觸發(fā)的事件
一個(gè)CSS屬性能做所有的這么多事情!
當(dāng)使用pointer-events:none,表示它將捕獲不到任何點(diǎn)擊,而只是讓事件穿透到它的下面。代碼如下:
新聞熱點(diǎn)
疑難解答
圖片精選