給偽元素添加點擊事件

給元素設置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>