js给伪元素添加点击事件的2种方式

在html元素种   我们有可能遇到这样的需求 ：如何给伪元素添加点击事件？

  经过思考及查找相应的资料后，整理初2种方式，记录一下：

一、给元素设置pointer-events:none.然后给伪元素的pointer-events：auto；此时我们把点击元素的事件就取消了 点击伪元素的时候，就可以绑定相应的事件了

二、第二种是：通过子元素的事件冒泡原理，在子元素事件处理结束后return false，告知父元素事件处理完毕。这样只就屏蔽了父元素接收事件，然后:after伪元素是悬浮在子元素上面的，故点击伪元素的时候触发父元素事件。