给伪元素添加点击事件

给伪元素添加点击事件

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

div{
    width:100px;
    height:100px;
    background-color:pink;
    pointer-events:none;
}
div::after{
    content:"×";
    display:block;
    font-size:30px;
    color:red;
    pointer-events:auto;
}

<div onclick="getAfter()">
点击伪元素获取事件    
</div>
<script>
window.onload=function(){
    function getAfter(){
        console.log("点击了伪元素了")
    }
}
</script>