CSS3定義的pointer-events屬性可以改變點(diǎn)擊元素默認(rèn)觸發(fā)的事件

禁用a標(biāo)簽觸發(fā)點(diǎn)擊事件

使用pointer-events：none可以達(dá)到禁止點(diǎn)擊的效果。我們都知道input標(biāo)簽有disable屬性，但是其它標(biāo)簽沒(méi)有，而很多時(shí)候，我們都是用a標(biāo)簽來(lái)做按鈕的，那如何禁止a標(biāo)簽做的按鈕點(diǎn)擊呢？這時(shí)候就可以給a標(biāo)簽設(shè)置pointer-events：none屬性了。（今天剛剛好遇到這個(gè)問(wèn)題）

實(shí)現(xiàn)標(biāo)簽穿透

有兩個(gè)標(biāo)簽重疊了，有可能上層標(biāo)簽只是一個(gè)遮罩效果，而下層標(biāo)簽是操作，那么如何穿過(guò)上層標(biāo)簽去操作下層標(biāo)簽？這時(shí)可以使用pointer-events：none禁用了上層標(biāo)簽的點(diǎn)擊事件，就可以操作到下層標(biāo)簽了。

總結(jié)

以上是生活随笔為你收集整理的CSS3 pointer-events的应用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。