下面整理出几种简便方式实现 click 伪元素时进行事件处理，附上例子代码。
创新互联专业为企业提供上杭网站建设、上杭做网站、上杭网站设计、上杭网站制作等企业网站建设、网页设计与制作、上杭企业网站模板建站服务，10年上杭做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
首先 HTML 结构是这样的
按钮文字
通过
CSS3的pointer-events特性来实现。
CSS 代码
JavaScript 代码
web前端开发学习Q-q-u-n： 784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法
（从零基础开始到前端项目实战教程，学习工具，职业规划）通过阻止事件冒泡的方式实现
CSS基础代码同上，将 pointer-events: none; 和 pointer-events: auto; 。
通过
event对象的指针坐标来判断点击的是否在伪元素范围内，这种方式网上很多，大家去度娘一下就有了。
最后就是，实在不行就不要使用 ::after 了，换成实际 dom 节点吧
