下面整理出幾種簡便方式實現 click 偽元素時進行事件處理，附上例子代碼。

創(chuàng)新互聯專業(yè)為企業(yè)提供上杭網站建設、上杭做網站、上杭網站設計、上杭網站制作等企業(yè)網站建設、網頁設計與制作、上杭企業(yè)網站模板建站服務，10年上杭做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

HTML結構

首先 HTML 結構是這樣的

    按鈕文字

實現方法

第一種

通過
CSS3 的
pointer-events 特性來實現。

CSS 代碼

JavaScript 代碼

web前端開發(fā)學習Q-q-u-n： 784783012 ，分享學習的方法和需要注意的小細節(jié)，不停更新最新的教程和學習方法
（從零基礎開始到前端項目實戰(zhàn)教程，學習工具，職業(yè)規(guī)劃）

第二種

通過阻止事件冒泡的方式實現

CSS基礎代碼同上，將 pointer-events: none; 和 pointer-events: auto; 。

第三種

通過
event 對象的指針坐標來判斷點擊的是否在偽元素范圍內，這種方式網上很多，大家去度娘一下就有了。

最后

最后就是，實在不行就不要使用 ::after 了，換成實際 dom 節(jié)點吧